HEX to HSL Converter
Convert a HEX color code into HSL values.
HSLhsl(217, 91%, 60%)
H217°
S91%
L60%
Preview
Convert HEX to HSL
HSL (Hue, Saturation, Lightness) describes color the way people think about it, which makes it far easier to create variations than HEX. This tool converts a HEX code into its HSL equivalent.
What HSL means
- Hue â the color's position on the wheel (0â360°)
- Saturation â how vivid it is (0â100%)
- Lightness â how light or dark it is (0â100%)
Why HSL is handy
To make a color lighter, darker, or more muted, you just adjust one number â no guessing at hex digits. It is ideal for generating palettes, hover states, and themes.
Private & Processed Locally
The conversion runs entirely in your browser.
Frequently Asked Questions
Common questions about the HEX to HSL.
What is HSL?
Hue (0-360 degrees), Saturation (0-100%), and Lightness (0-100%) - an intuitive way to describe color.
Why convert to HSL?
HSL makes it easy to create lighter, darker, or more muted variations by changing one value.
Is it private?
Yes, conversion runs in your browser.