Convert HSL color to HEX
Convert HSL values (hue, saturation, lightness) to their equivalent hexadecimal code.
Processed on your device. Nothing is sent to any server.
HEX
#0B6F5B
Convert HSL values (hue, saturation, lightness) to their equivalent hexadecimal code, ready to use in CSS.
Converts the HSL model to RGB and then to its hexadecimal representation, following the standard HSL color space algorithm.
Use cases
- Converting a color defined in hsl() to HEX for compatibility.
- Documenting a palette defined by hue and lightness.
- Generating color variants and getting their HEX.
How it works
- 1
Adjust H, S and L
Enter the hue (0-360), saturation and lightness in percent.
- 2
Copy the HEX
The hexadecimal code is calculated instantly.
Frequently asked questions
- What range does each value have?
- Hue ranges from 0 to 360 degrees; saturation and lightness are expressed as a percentage, from 0 to 100.
Related tools
- HEX to HSLConverts HEX to HSL with preview.
- HEX to RGBConverts HEX to RGB with preview.
- RGB to HEXConverts RGB to HEX with preview.
- Border Radius GeneratorCreates CSS border-radius with preview.
- Box Shadow GeneratorCreates CSS shadows with a live preview.
- Color PickerPick a color and get HEX, RGB and HSL.