HEX ↔ HSL Converter – Convert HEX & HSL Colors Online
🌈 HEX ↔ HSL Converter
Convert HEX colors to HSL and HSL colors to HEX instantly.
HEX → HSL
HSL → HEX
Conversion Results
Free Online HEX to HSL and HSL to HEX Converter
Convert six-digit HEX colors to HSL or convert Hue, Saturation and Lightness values back to HEX. Preview the resulting color and copy HEX, HSL or CSS-ready color values.
How to Use the HEX ↔ HSL Converter
- For HEX to HSL, enter a six-digit HEX color or select one with the color picker.
- Click Convert HEX to calculate its HSL values.
- For HSL to HEX, enter Hue from 0–360 and Saturation and Lightness from 0–100.
- Click Convert HSL to generate the HEX value.
- Copy individual results or use Copy All Results.
Understanding HEX and HSL Colors
HEX represents a color with six hexadecimal characters in the #RRGGBB format. HSL describes a color using Hue, Saturation and Lightness. In this converter, Hue ranges from 0° to 360°, while Saturation and Lightness range from 0% to 100%. The result area keeps the current HEX and HSL values synchronized and provides a live color preview.
Frequently Asked Questions
What HEX format does the converter accept?
It accepts a six-digit HEX value such as #2563EB. When entered manually, the # symbol can be added automatically during conversion.
What values can I use for HSL?
Hue must be between 0 and 360, while Saturation and Lightness must each be between 0 and 100.
Can I convert HSL back to HEX?
Yes. Enter valid Hue, Saturation and Lightness values and click Convert HSL to generate the corresponding HEX color.
Can I preview the converted color?
Yes. The tool displays a live preview of the current converted color.
Can I copy CSS-ready color values?
Yes. The results include copy options for HEX and HSL, including CSS color declarations, and all results can be copied together.