Enter HSL
Add hue, saturation and lightness.
Code & Data Tool
HSL to HEX
Convert HSL colors to HEX values.
Loading workspace...
About this tool
What is HSL to HEX?
HSL to HEX converts hue, saturation and lightness values to a hex code for use in CSS and design tools.
Useful when you need to
- Turn an HSL design value into hex
- Share a colour with a tool that needs hex
- Check generated shades
How to use
How to use HSL to HEX
01 02 Convert
Read the hex code.
03 Copy
Use it.
Tips
Get better results
- Saturation and lightness are percentages.
- Hue is 0 to 360.
FAQ
Frequently asked questions
What range is hue?
0 to 360 degrees.
Is it private?
Yes.
Can I convert back?
Use HEX to HSL.
More practical guides · File handling and privacy · Report an incorrect instruction