$ hex-to-hsl
Convert HEX color codes to HSL values instantly with live color preview.
hex color
hsl values
Hue
261°
Sat
71%
Light
49%
HSL
hsl(261, 71%, 49%)
HSLA
hsla(261, 71%, 49%, 1)
Click any value to copy.
faq
What is the difference between HEX and HSL?+
HEX is a hexadecimal representation of RGB. HSL (Hue, Saturation, Lightness) is more intuitive — you can adjust lightness without changing the hue.
What is a valid hex color?+
Valid formats: 3-digit (#fff), 6-digit (#ff6600), with or without # prefix. The tool automatically normalizes the input.
Why would I need HSL values?+
HSL is great for programmatic color manipulation. You can create color variations by adjusting lightness (L) while keeping the same hue (H).
related tools