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