HEX to HSL
Convert a HEX color code to HSL (hue, saturation, lightness) values, with a live color preview — free, fast and private.
Enter a HEX color to convert.
How to use HEX to HSL
- Type or paste a HEX color (e.g. #FF5733).
- Click Convert to HSL.
- See the hue, saturation and lightness values plus a preview.
- Copy the HSL value for your CSS.
Note: this tool runs in your browser. Nothing is uploaded.
Frequently Asked Questions
What does HSL mean?
Hue (0-360 degrees around the color wheel), Saturation (0-100%) and Lightness (0-100%). It matches how people describe colors better than RGB.
What HEX formats are accepted?
6-digit (#FF5733) and 3-digit shorthand (#F53), with or without the leading #.
Why convert to HSL?
HSL makes it easy to make lighter, darker or more muted versions of a color by changing one number.
Is my data uploaded anywhere?
No. The conversion runs entirely in your browser.