HEX ↔ HSL Converter – Convert HEX & HSL Colors Online

🌈 HEX ↔ HSL Converter

Convert HEX colors to HSL and HSL colors to HEX instantly.

HEX → HSL

HEX Color

HSL → HEX

Hue

0–360°

Saturation

0–100%

Lightness

0–100%

Conversion Results

HEX

#2563EB

HSL

hsl(217, 83%, 53%)

CSS HEX

#2563EB

CSS HSL

hsl(217, 83%, 53%)

#2563EB

Hue

217°

Saturation

83%

Lightness

53%

HSL format: Hue is measured from 0° to 360°. Saturation and Lightness use 0% to 100%. The converter uses the standard CSS HSL color model.