Specifying Web Colors Using HSL
Specifying colors for the web with HSL has good modern browser support (of course it doesn't work with IE 8 or earlier 🙄)
the color. It takes a value between
How much color.
0% (gray) to
100% (full saturation).
100%(white) 50% is the mid point and the most colorful.
color: hsl(280deg, 0%, 50%);
If you need transparency use HSLa
hsla(280deg, 0%, 50%, 0.8)
0% saturation, hue has no effect. See the video below
Human Friendly Colours using HSL on Medium also has some interesting tips