Paste a hex color code and get its HSL value instantly. HEX and HSL describe the exact same color: one is base sixteen channels, the other is a hue angle with saturation and lightness percentages. See the live preview and a table of common hex to HSL conversions.
Questions
- Are HEX and HSL the same color?
- Yes. HEX and HSL are two notations of one color; the converter changes the notation, not the color. Converting back returns the same value, apart from rounding in spaces that use decimals.
- How do I convert HEX to HSL by hand?
- Split the hex code into its red, green and blue pairs, read each pair as a number from 0 to 255, then apply the HSL formula shown in How HEX to HSL Works above. The worked example on this page follows every step with your own color.
- Where does the alpha channel go?
- A hex code with eight digits carries opacity in its last pair (FF is fully opaque). HSL has a matching form with an extra alpha value; both are listed in the Formats section of this page.
- Is the HEX to HSL converter free?
- Yes. It runs in your browser with no sign in and no limit; convert as many values as you like. The color itself is the link, so any conversion can be shared or bookmarked.