It separates color from brightness, which makes adjustments intuitive.

What range are the values?

Hue 0–360, saturation and lightness 0–100%.

💠

Hex to HSL

Convert a hex color into HSL (hue, saturation, lightness). Local, free, no signup.

No signup100% in your browserFree forever

HEX

HSL

Why HSL?: It separates color from brightness, which makes adjustments intuitive.
What range are the values?: Hue 0–360, saturation and lightness 0–100%.