HSL to HEX converter
HSL values convert exactly back to hex. hsl(16, 100%, 60%) and #FF6B35 are the same color in two notations.
How this works
- 1 Paste or type your HSL value; the tool reads it as you type.
- 2 The HEX value updates live, along with every other format.
- 3 Click any code to copy it, or use bulk mode for a whole list.
- HEX
- #e08b3d
- RGB
- rgb(224, 139, 61)
- RGBA
- rgba(224, 139, 61, 1)
- HSL
- hsl(29, 72%, 56%)
- HSV
- hsv(29, 73%, 88%)
- CMYK
- cmyk(0%, 38%, 73%, 12%)
- LAB
- lab(66.0 28.7 54.1)
- OKLCH
- oklch(71.2% 0.138 59.8)
Guide
When you need HEX instead of HSL
You designed in HSL logic (hue here, this saturated, this light) and now need the hex every other tool expects.
FAQ
FAQs
My HSL uses deg or turns. Will it work?
Yes. Paste hsl(0.5turn 50% 50%) or hsl(180deg 50% 50%); both parse to the same color.
Why did my 100% lightness turn white?
L=100% is white and L=0% is black by definition, whatever the hue and saturation say. The colorful range lives in the middle.
Related: HEX to RGB · RGB to HEX · HEX to HSL · RGB to HSL · every format at once