HEX to HSL Color Converter
Type a HEX color and get the HSL value instantly, with a live preview of the color.
How it works
- 1
Enter a color
Type or paste a HEX value.
- 2
See it convert
The HSL value updates as you type.
- 3
Copy the result
Use it in your CSS, design tool or code.
Related tools
Other tools people use right after this one.
Built to get out of your way
487
Tools available
6
Languages
0
Watermarks added
2h
Until your files are erased
100%
Free to start
∞
Devices supported
Frequently asked questions
Yes, completely free and unlimited.
Converting HEX to HSL
HEX and HSL are different ways of describing the same color. HEX is a compact code used in CSS, RGB lists red, green and blue amounts from 0 to 255, and HSL describes hue, saturation and lightness, which is often easier to adjust by hand.
The conversion runs in your browser and nothing is uploaded. The result also shows the color in all three formats.