HEX to HSL Converter
ColorA HEX to HSL converter changes a HEX color into hue, saturation, and lightness values.
What is it
HSL represents color with hue, saturation, and lightness. It is often more intuitive than RGB for adjusting palettes.
HSL = normalized RGB transformed with max/min channel differences
How to use
- 1Enter a HEX color code.
- 2Press convert.
- 3Check the HSL value.
Reference
| HEX | HSL |
|---|---|
| #FFFFFF | hsl(0 0% 100%) |
| #000000 | hsl(0 0% 0%) |
Sources & standards
- ECMAScript Language Specification - Ecma International
FAQ
When should I use HSL?
HSL is useful when adjusting brightness, darkness, or saturation of a color.
Is HEX input sent to a server?
No. This tool runs in your browser and does not send input to a server.