HSL() / HSLa() is great for programmatic color control

If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We’ve talked about it before but we can break it down a little more and do some interesting things with it.

Hue: Think of a color wheel. Around 0o and 360o are reds. 120o is where greens are and 240o are blues.


The post HSL() / HSLa() is great for programmatic color control appeared first on CSS-Tricks.

Link: https://css-tricks.com/hsl-hsla-is-great-for-programmatic-color-control/