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

#3B82F6→hsl(217, 91%, 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 RGB → HEX HSL → HEX HEX → HSV RGB → HSL HSL → RGB RGB → HSV HEX → CMYK HEX → OKLCH RGB → CMYK RGB → OKLCH

Browse popular colors →