HSL Color Converter (HEX ⇄ RGB ⇄ HSL)
Convert colors between HEX, RGB, HSL, HSB, and HWB formats instantly. These color models are widely used in web design, UI design, graphic design, and modern frontend development workflows.
Instructions
Adjust any field to see all other representations update instantly.
Red 0
Yellow 60
Green 120
Cyan 180
Blue 240
Magenta 300
About the HSL Color Model
The HSL (Hue, Saturation, Lightness) color model represents colors using intuitive visual components. Hue defines the position on the color wheel, saturation controls intensity, and lightness adjusts perceived brightness. HSL is widely used in CSS and design systems because it allows precise control over tonal variation.