HSL to Hex Color Converter

Hue (0-360)

Saturation (0-100)

Lightness (0-100)

Hex Code

—

RGB

—

Formula: HSL to RGB conversion algorithm, then RGB to Hex

HSL to Hex Converter

HSL is a cylindrical color model that is often more intuitive for designers than RGB or hex.

HSL to RGB conversion algorithm, then RGB to Hex

The conversion uses an algorithm that maps the cylindrical HSL space to linear RGB values.

H:14, S:100%, L:60% = #FF6633

Orange-red color

What is HSL?

HSL stands for Hue (0-360°), Saturation (0-100%), and Lightness (0-100%). It is a more intuitive color model than RGB.

Why use HSL instead of hex?

HSL is more intuitive for humans. Changing hue rotates the color, saturation controls vibrancy, and lightness controls brightness.

Is HSL supported in CSS?

Yes, all modern browsers support hsl() and hsla() in CSS.