HSL to HEX Converter
Convert HSL values into a HEX color code.
HEX#3c83f6
Preview
Convert HSL to HEX
HSL is great for picking and adjusting colors, but CSS, design tools, and brand guidelines usually want a HEX code. This tool converts any HSL value into its #rrggbb equivalent.
Flexible input
Enter values as a plain list like 217, 91, 60 or as full CSS hsl(217, 91%, 60%) â both work.
Hue, Saturation, Lightness
Hue is 0â360°, while saturation and lightness are 0â100%. The tool converts through RGB to produce an accurate HEX code.
Private & Processed Locally
The conversion runs entirely in your browser.
Frequently Asked Questions
Common questions about the HSL to HEX.
What input does it accept?
Plain values like 217, 91, 60 or full hsl(217, 91%, 60%).
How does it convert?
It converts HSL through RGB to produce an accurate #rrggbb HEX code.
Is it private?
Yes, everything runs in your browser.