Color Hsla at Color

Color Hsla. The hsla model uses the rainbow color circle (hue) combined with color saturation, lightness and alpha in the format: An optional alpha component represents the color's transparency.

[CSS3]hsl 及 hsla 顏色 男丁格爾's 脫殼玩
[CSS3]hsl 及 hsla 顏色 男丁格爾's 脫殼玩 from abgne.tw

Can be any value between 0º and 360º and forms a color wheel, where we can set any color ( [0º = red], [120º = green], [240º = blue]). Increasing the second value will increase the saturation of that color. Hsl (hue, saturation, luminosity) allows us to describe meaningful relationships between colors.

[CSS3]hsl 及 hsla 顏色 男丁格爾's 脫殼玩

That makes creating your own color variations on the fly way easier. Example css reference css color defines the hsla color values in 4.2.5. Hsl (and hsla) colors in css. Hsl ( hue, saturation, lightness).