HSL to HEX

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

Convert any color →

Example

hsl(173, 80%, 40%)→#14B8A6

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

About the formats

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

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

Other conversions

HEX → RGB HEX → HSL HEX → HSV HEX → CMYK HEX → OKLCH RGB → HEX RGB → HSL RGB → HSV RGB → CMYK RGB → OKLCH 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

HSL to HEX

HSL to HEX on common colours

About the formats

Other conversions

Related

Try this conversion on a real color