HSL to HEX Converter
Convert HSL and HSLA values into Hexadecimal color codes instantly. Use the smart sliders or type the numbers to find your perfect color code.
Recent Conversions
How to Use HSL to HEX Converter
Pick a colour with Hue, Saturation and Lightness sliders and get the exact HEX code to use anywhere.
Set H, S and L
Move the sliders or type numbers for hue, saturation and lightness.
Add Transparency
Lower Alpha below 1 to get an 8-digit HEX code.
Copy the Code
Copy the HEX or RGB value with one click.
Converts
HSL / HSLA → HEX
Input
Sliders or numbers
Preview
Live, with text test
Works on
Phone & computer
Privacy
Runs in your browser
Price
100% free
What Can You Use It For?
Popular ways people use HSL to HEX Converter.
CSS & Design
Get HEX codes for tools that need them.
Brand Colours
Fine-tune a colour, then save the code.
App Design
HEX codes for app colour files.
Print & Canva
Many apps only accept HEX.
Tips for the Best Result
- Hue goes around the colour wheel: 0 red, 120 green, 240 blue.
- Saturation 0% gives grey; lightness 50% gives the purest colour.
- Check readability with the Contrast Checker.
Frequently Asked Questions
Quick answers about HSL to HEX Converter.
Enter the H, S and L numbers or move the sliders — the HEX code updates instantly.
A normal 6-digit code plus two digits for transparency, like #3366FF80 (about 50% see-through).
HEX uses whole numbers, so tiny rounding can happen. The colour looks the same.
Yes, both are red.
Yes.
Related Free Tools
Ready to Use HSL to HEX Converter?
Scroll up and get your result in seconds. 100% free, no sign-up needed.
Start Now