HSL to Hex Converter
Convert HSL color values to HEX format. Free, no signup, works in your browser.
Hue
°
Saturation
%
Lightness
%
Frequently Asked Questions
How do I convert HSL to Hex?
Adjust the Hue (0-360°), Saturation (0-100%), and Lightness (0-100%) sliders above. The tool instantly converts to HEX format (e.g., #3B82F6).
What is an HSL color?
HSL stands for Hue, Saturation, Lightness. Hue is the color angle on the color wheel (0-360°), Saturation is the color intensity (0-100%), and Lightness is how light or dark the color is (0-100%).
Why convert HSL to Hex?
HEX codes (#RRGGBB) are the standard format for colors in HTML and CSS. If you've designed a color using HSL values, you'll need the HEX code to use it in web development.
Can I also convert Hex to HSL?
Yes. Click the 'HEX → HSL' button to switch modes. Enter a hex code and get the equivalent HSL and RGB values.