HSL to HEX Converter
Convert any HSL color to HEX in your browser. No signup, no tracking — and below, the math behind the conversion.
Example conversion
HSL
hsl(217, 91%, 60%)
HEX
#3B82F6
How the conversion works
Convert HSL to RGB first, then RGB to hex. The HSL-to-RGB algorithm uses the chroma-and-hue-segment approach: chroma = (1 - |2L - 1|) × S, then map the hue to a 60°-segment-specific RGB triple. CSS Color Level 4 has the canonical algorithm — every modern color library implements it.
Convert any color, not just this one
Open the full color picker to pick any color visually and see it in HEX, RGB, HSL, and OKLCH at the same time. The picker also generates palettes (complementary, analogous, triadic, monochromatic) you can copy with one click.