HSL to HEX Converter

FAQ

What hex format is used?+

Uppercase #RRGGBB without alpha unless you include alpha in HSL.

Can hue be negative?+

Yes. Negative hue normalizes by wrapping modulo 360°.

Any server calls?+

No. Pure TypeScript math in the browser.

Why does my hex not match a design token file?+

Design tokens may store OKLCH, LAB, or rounded HSL intermediates. This tool converts your pasted hsl() directly — small differences can appear at extreme saturation.

Can I paste hsl without the hsl() wrapper?+

Comma-separated hue, saturation, and lightness values work when entered in the tool's input fields. Full hsl(210, 50%, 40%) syntax is also accepted.