HSL to HEX Colour Converter
Enter Hue, Saturation and Lightness values and instantly get the matching HEX and RGB colour codes.
Enter HSL Values
HEX Result
#4A7C59
RGB: rgb(74, 124, 89) HSL: hsl(138, 25%, 39%)
How to Use the HSL to HEX Converter
Enter a Hue (0-360 degrees), Saturation (0-100%) and Lightness (0-100%), or use the Random Colour button, and the tool instantly converts your HSL values into a HEX code and RGB values.
What is HSL?
HSL describes a colour by its Hue (position on the colour wheel), Saturation (how vivid or muted it is) and Lightness (how light or dark it is). It is a common way to describe colours in CSS and design tools, and is often more intuitive to reason about by hand than RGB or HEX.
Why Convert HSL to HEX?
Many art and design programs, colour palettes and printing tools expect a HEX or RGB code rather than HSL. This converter lets you design in HSL — adjusting hue, then saturation, then lightness one at a time — and get the HEX code you need to use elsewhere.
Examples
Frequently Asked Questions
What is HSL colour?
HSL stands for Hue, Saturation and Lightness — a way of describing colour by its position on the colour wheel, how vivid it is, and how light or dark it is.
How does this tool convert HSL to HEX?
It converts your Hue, Saturation and Lightness values to RGB using a standard HSL-to-RGB formula, then converts that RGB value into a HEX code.
What range should Hue, Saturation and Lightness be?
Hue is 0 to 360 degrees, and Saturation and Lightness are both 0 to 100%.
Why would I start with HSL instead of HEX?
HSL makes it easy to reason about a colour in plain terms — pick the hue you want, then decide how vivid and how light or dark it should be — which is often more intuitive than adjusting HEX digits directly.
Is the conversion exact?
Yes, HSL to HEX is a precise mathematical conversion with no approximation beyond standard display rounding.
Can I copy the result?
Yes. Use the Copy HEX or Copy RGB buttons to copy the corresponding value to your clipboard.
Does the tool save my colours?
No. All calculations happen in your browser and nothing is saved or sent to a server.
Is this tool free to use?
Yes, the HSL to HEX Colour Converter is completely free to use, with no account, sign-up or download required.
Related Colour Tools
Ready to Create with Colour?
Explore beginner-friendly Creative Flair by Sana painting kits with carefully selected colours and approachable step-by-step guidance.
Explore Painting KitsDigital colour results are provided for planning and educational purposes. Screens, printers, paint brands, pigments, paper and lighting can change how a colour appears. Test important colours before using them in a final artwork or print project.