HSL to HEX Color Converter
Convert HSL (Hue, Saturation, Lightness) colour values to HEX and RGB. Interactive sliders. Live preview. Free.
How to use the HSL → HEX
HSL colour model
HSL stands for Hue (0–360°, the colour wheel position), Saturation (0–100%, grey to full colour) and Lightness (0–100%, black to white). HSL is more intuitive than RGB for design work because you can adjust how light or saturated a colour is without recalculating all three channels. CSS fully supports HSL with hsl(210, 80%, 50%).
Frequently asked questions
Is the HSL → HEX free to use?
Yes, the HSL → HEX is completely free. There is no sign-up, no account required, and no limit on how often you can use it.
What colour formats does the HSL → HEX support?
The HSL → HEX works with HEX, RGB and HSL colour formats. You can convert between them and copy any value with one click.
What devices does the HSL → HEX work on?
The HSL → HEX works on any device with a modern web browser — desktop, laptop, tablet, or phone. It is mobile-friendly and works offline once the page has loaded.