HSL to HEX Converter
Convert an HSL color to a HEX code.
Try an example:
- HEX
#f97316- RGB
rgb(249, 115, 22)- HSL
hsl(25, 95%, 53%)
Converting HSL to HEX
HSL describes a color by hue, saturation, and lightness. Converting to HEX produces the six-digit code CSS and design tools expect.
How to convert HSL to HEX by hand
- Convert the HSL value to RGB channels (0–255).
- Convert each channel to two hexadecimal digits.
- Concatenate them after a #.
Worked example
hsl(0, 100%, 50%) → #ff0000 — Pure red — hue 0, full saturation, 50% lightness.
More converters
Frequently asked questions
How do I convert HSL to HEX?
Convert the HSL value to RGB channels (0–255). Convert each channel to two hexadecimal digits. Concatenate them after a #. Or just use the converter on this page — it does it instantly. Example: hsl(0, 100%, 50%) becomes #ff0000.
What is hsl(0, 100%, 50%) in hex?
hsl(0, 100%, 50%) converts to #ff0000. Pure red — hue 0, full saturation, 50% lightness.
Is this converter free and private?
Yes — it is free and unlimited, and the conversion runs entirely in your browser, so nothing is uploaded to a server.