HEX to HSL Converter
Convert any HEX color code to HSL format. Paste a hex code (e.g., #3B82F6) to get the HSL equivalent.
HSL
hsl(217, 91%, 60%)
Hue
217°
Saturation
91%
Lightness
60%
Popular HEX to HSL Conversions
| Color | HEX | HSL | |
|---|---|---|---|
|
Red
|
#FF0000 | hsl(0, 100%, 50%) | Details → |
|
Blue
|
#0000FF | hsl(240, 100%, 50%) | Details → |
|
Green
|
#00CC00 | hsl(120, 100%, 40%) | Details → |
|
Yellow
|
#FFFF00 | hsl(60, 100%, 50%) | Details → |
|
Cyan
|
#00FFFF | hsl(180, 100%, 50%) | Details → |
|
Magenta
|
#FF00FF | hsl(300, 100%, 50%) | Details → |
|
Orange
|
#FF8000 | hsl(30, 100%, 50%) | Details → |
|
Purple
|
#8026D9 | hsl(270, 70%, 50%) | Details → |
|
Pink
|
#FF6BB5 | hsl(330, 100%, 71%) | Details → |
|
Teal
|
#229191 | hsl(180, 62%, 35%) | Details → |
|
Coral
|
#FF8052 | hsl(16, 100%, 66%) | Details → |
|
Navy
|
#000080 | hsl(240, 100%, 25%) | Details → |
|
Lime
|
#77B300 | hsl(80, 100%, 35%) | Details → |
|
Maroon
|
#800000 | hsl(0, 100%, 25%) | Details → |
|
Sky Blue
|
#89CFEB | hsl(197, 71%, 73%) | Details → |
|
Gold
|
#FFD900 | hsl(51, 100%, 50%) | Details → |
|
Silver
|
#BFBFBF | hsl(0, 0%, 75%) | Details → |
|
Lavender
|
#C3A1EC | hsl(267, 67%, 78%) | Details → |
|
Crimson
|
#DB143C | hsl(348, 83%, 47%) | Details → |
|
Turquoise
|
#3EE0CF | hsl(174, 72%, 56%) | Details → |
Color of the Day
Vivid Cyan
#40EDDF
Did You Know?
The most Googled hex color is #000000 (black), followed by #FFFFFF (white) and #FF0000 (red).
May 08, 2026
Recent Conversions
Converted #8026d9 (Purple) to HSL
8m ago
Converted #ff8052 (Coral) to HSL
24m ago