HEX to HSL

Convert HEX color values to HSL instantly. Paste any HEX value into the free Color Converter and get the HSL equivalent (plus RGB, HSL, HSV, OKLCH and CMYK) with one click — all in your browser, nothing uploaded.

Convert any color →

Example

#8B5CF6→hsl(258, 90%, 66%)

HEX to HSL on common colours

The same conversion run on colours from across the wheel, black and white included — the ends of the range are where formats differ most. Click a name for that colour’s full breakdown.

Colour	HEX	HSL
Black	#000000	hsl(0, 0%, 0%)
White	#FFFFFF	hsl(0, 0%, 100%)
Slate 500	#64748B	hsl(215, 16%, 47%)
Red 500	#EF4444	hsl(0, 84%, 60%)
Lime 500	#84CC16	hsl(84, 81%, 44%)
Green 500	#22C55E	hsl(142, 71%, 45%)
Violet 500	#8B5CF6	hsl(258, 90%, 66%)
Pink 500	#EC4899	hsl(330, 81%, 60%)

About the formats

HEX. HEX is a 6-digit hexadecimal code (e.g. #3B82F6) — the most common way to write colors in HTML/CSS.

HSL. HSL = Hue (0–360°), Saturation and Lightness (0–100%) — intuitive for tweaking colors.

Other conversions

HEX → RGB HEX → HSV HEX → CMYK HEX → OKLCH RGB → HEX RGB → HSL RGB → HSV RGB → CMYK RGB → OKLCH HSL → HEX HSL → RGB HSL → HSV HSL → OKLCH HSL → CMYK HSV → HEX HSV → RGB HSV → HSL HSV → CMYK HSV → OKLCH CMYK → HEX CMYK → RGB CMYK → HSL CMYK → HSV CMYK → OKLCH OKLCH → HEX OKLCH → RGB OKLCH → HSL OKLCH → HSV OKLCH → CMYK

Browse popular colors →

Try this conversion on a real color

Black White Slate 500 Gray 500 Zinc 500 Stone 500

HEX to HSL

HEX to HSL on common colours

About the formats

Other conversions

Related

Try this conversion on a real color