HEX to HSL
Convert hexadecimal colors into HSL values for CSS and design work.
Loading the local tool workspace…
What is HEX to HSL?
HEX to HSL converts a hexadecimal color into hue, saturation and lightness controls used by CSS.
How to use HEX to HSL
- 01
Enter or pick a valid HEX color.
- 02
Review the calculated hue, saturation and lightness channels.
- 03
Copy the HSL expression into your stylesheet or design notes.
HEX to HSL FAQ
What does hue represent in HSL?
Hue is an angle on the color wheel from 0 to 360 degrees; saturation and lightness are percentages.
Is HEX to HSL private to use?
Yes. Color values and CSS are calculated locally in the browser.