Nothing uploaded
Convert HSL to HEX
Type an hsl() color, such as hsl(39, 100%, 50%), to get its hex code for design tools, email templates and anywhere else hsl() isn’t accepted.
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() or a CSS name such as tomato.
Contrast
On white 1.96:1
- AA, normal text: Fail
- AA, large text: Fail
- AAA, normal text: Fail
- AAA, large text: Fail
On black 10.71:1
- AA, normal text: Pass
- AA, large text: Pass
- AAA, normal text: Pass
- AAA, large text: Pass
For text in this color on a white or black background (WCAG 2). Large text is 24 px, or 18.66 px bold.
Formats
Read as HSL.
- HEX
- #ffa600
- RGB
- rgb(255, 166, 0)
- HSL
- hsl(39, 100%, 50%)
- HSV (HSB)
- hsv(39, 100%, 100%)
- CMYK (approximate)
- cmyk(0%, 35%, 100%, 0%)
- OKLCH
- oklch(79.4% 0.1709 71.06)
- CSS name
- None (closest: orange)
CMYK uses the simple formula, without a color profile. Printers convert with their own profile, so treat it as a starting point.
What you type stays on this device. Nothing is uploaded.
Did this save you time? DigiTools is free, with no ads and no sign-up. Leave a tip (opens in a new tab) to help keep it that way.
Tell others what you think: review DigiTools on Trustpilot (opens in a new tab).
How to convert HSL to HEX
- Type or paste an HSL color, such as hsl(39, 100%, 50%).
- Read the HEX value at the top, with every other format under it. It updates as you type.
- Copy what you need, and check how readable the color is on white and on black.
Questions
Is anything sent to a server?
No. Colors are converted in your browser on this device, as you type, and nothing is stored.
How is HSL turned into HEX?
The hue picks the color on the wheel, and saturation and lightness say how strong and how light it is. That gives red, green and blue values from 0 to 255, each written as two hexadecimal digits: hsl(39, 100%, 50%) is rgb(255, 166, 0), so #ffa600.
Which ways of writing HSL work?
hsl(39, 100%, 50%), hsla(39, 100%, 50%, 0.5), the newer hsl(39 100% 50% / 50%), and hue units such as 39deg, 0.11turn or 0.68rad.