HSL to HEX

Convert HSL (Hue, Saturation, Lightness) values back to a HEX colour code.

🔒 Private — runs entirely in your browser ⚡ Instant conversion 🚫 No login required 🎯 Accurate W3C formulas

📖How to Use the HSL to HEX

1
Enter your colour
Type or paste your colour value into the input field, or use the visual picker. Try the sample buttons for quick examples.
2
See the converted values
All output fields update instantly as you type. A colour preview swatch also updates in real time.
3
Copy what you need
Click any Copy button to copy that specific value straight to your clipboard — ready to paste into your CSS, design tool or code.

FormatExample

HEX#0a6aff

RGBrgb(10, 106, 255)

RGBArgba(10, 106, 255, 1)

HSLhsl(215, 100%, 52%)

CMYKcmyk(96%, 58%, 0%, 0%)

PantonePantone 286 C

Is my data private?

Yes. All colour conversions happen entirely in your browser using JavaScript. No data is ever sent to a server.

Are the conversions accurate?

Yes. All maths follows the official sRGB colour space formulas defined by the W3C and ICC. Rounding is done to standard precision.

What is the hue range in HSL?

Hue is measured in degrees on the colour wheel: 0°/360° is red, 120° is green and 240° is blue. Values outside 0–360 are wrapped automatically.

What does saturation mean?

Saturation is how vivid the colour is. 0% is greyscale and 100% is fully saturated. Lightness at 50% gives you the purest version of the hue.