HSL stands for Hue, Saturation, Lightness. It's often easier to intuitively adjust colours in HSL than in RGB or HEX.

🎨

HEX ↔ RGB

Convert between HEX, RGB, and HSL colour formats instantly.

HEX colour

R (0–255)

G (0–255)

B (0–255)

Choosing the Right Colour Format for CSS

HEX is the most compact and widely used. RGB is useful when you need to control opacity with rgba(). HSL is best for programmatic colour manipulation — adjusting lightness or saturation while keeping the hue constant.

Frequently Asked Questions

Related Tools

🎨

Colour Palette

Generate shades, analogous, complementary, and triadic palettes.

🎨

Contrast Checker

Check colour contrast ratio and WCAG accessibility compliance.

🗜️

CSS Minifier

Minify CSS to reduce file size or prettify to improve readability.