$ convert --hex-to-hsl
hex to hsl converter.
Convert HEX color codes to HSL values instantly with live color preview. Privacy-first, client-side only.
hex input
hsl values
Hue
261°
Sat
71%
Light
49%
HSL
hsl(261, 71%, 49%)
HSLA
hsla(261, 71%, 49%, 1)
click any value to copy.
HEX is a hexadecimal representation of RGB values. HSL separates color into hue (0-360), saturation (0-100%), and lightness (0-100%), making it easier to create color schemes.
Valid formats: 3-digit (#fff), 6-digit (#ff6600), with or without # prefix. The tool automatically normalizes the input.
HSL is great for programmatic color manipulation. You can create color variations by adjusting lightness (L) while keeping the same hue (H).
learn more in our detailed guide.
→ read the guide