Enter hue, saturation and lightness values and get the hex color code instantly. HSL and HEX describe the exact same color: a hue angle with two percentages on one side, base sixteen channels on the other. See the live preview and a table of common HSL to hex conversions.
Questions
- Are HSL and HEX the same color?
- Yes. HSL and HEX 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 HSL to HEX by hand?
- Turn the HSL components into red, green and blue from 0 to 255 with the formula shown in How HSL to HEX Works above, then write each channel as a two digit hex pair. 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 HSL to HEX 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.
