HSL & HSLA Color

Designers ke liye sabse intuitive format. Color variations banana easy.

Syntax

Hue: 0-360 (0=red, 120=green, 240=blue). Saturation: 0-100%. Lightness: 0-100%.

Lighter? L badhao. Vivid? S badhao. Complementary? H mein 180 add karo.

hsla(25, 95%, 53%, 0.5).

hsl-colors.css

.brand { color: hsl(25, 95%, 53%); }
.brand-light { color: hsl(25, 95%, 70%); }
.brand-dark { color: hsl(25, 95%, 35%); }