How to convert HEX to HSL?
Enter a value in HEX and the converter will instantly calculate the equivalent in HSL. All conversions are done locally in your browser for maximum speed and privacy.
Common HEX to HSL conversions
| HEX | HSL |
|---|---|
| #ff0000 | hsl(0, 100%, 50%) |
| #ff8c00 | hsl(32.9, 100%, 50%) |
| #ffd700 | hsl(50.6, 100%, 50%) |
| #008000 | hsl(120, 100%, 25.1%) |
| #0000ff | hsl(240, 100%, 50%) |
| #800080 | hsl(300, 100%, 25.1%) |
What is the difference between HEX and HSL?
HEX codes represent colors as six hexadecimal digits. They are the most compact color format for CSS and HTML. HSL describes colors by hue, saturation and lightness. It is more intuitive for creating color variations and palettes.