HEX to HSL converter
#4f46e5 → hsl(243, 75%, 59%)Example: converting HEX to HSL
Convert HEX colour values to HSL instantly and for free. Paste any colour into the colour converter to get every format at once, or use the reference table below. It all runs in your browser.
Common colours: HEX to HSL
| Colour | HEX | HSL |
|---|---|---|
| #000000 | hsl(0, 0%, 0%) | |
| #ffffff | hsl(0, 0%, 100%) | |
| #ff0000 | hsl(0, 100%, 50%) | |
| #00ff00 | hsl(120, 100%, 50%) | |
| #0000ff | hsl(240, 100%, 50%) | |
| #4f46e5 | hsl(243, 75%, 59%) | |
| #f59e0b | hsl(38, 92%, 50%) | |
| #10b981 | hsl(160, 84%, 39%) |