Calnex LogoCalnex
design

HEX → HSL

HEX → HSL. Convert hex color codes to HSL (Hue, Saturation, Lightness) format.

Parameters

Enter a color in HEX, RGB, HSL, or HWB format

The format of the input color value

Results

HSL
hsl(217, 91%, 60%)

Hue: 217°, Saturation: 91%, Lightness: 60%

Other results (5)
Color Preview
#3B82F6

Visual preview of the color

HEX
#3B82F6

Hexadecimal color notation

RGB
rgb(59, 130, 246)

Red: 59, Green: 130, Blue: 246

CMYK
cmyk(76%, 47%, 0%, 4%)

Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%

Named Color
Royal Blue (closest match)

CSS named color closest to this color

Example input and result

#3B82F6
hsl(217, 91%, 60%)

CMYK conversion is a mathematical approximation without an ICC profile. It does not predict the color produced by a particular printer or paper.

Why Choose HEX → HSL

HEX → HSL. Convert hex color codes to HSL (Hue, Saturation, Lightness) format.

Authoritative References & Sources

W3C — CSS Color 4

View Source