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%

View full color page →

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