CSS ¿Cómo funciona HSL?

/* HSL (Hue Saturation Lightness) is hue-based  */
hsl(240, 100%, 50%)
/* First value: Angle of the color Circle */
/* Second Value: Saturation. */
/* Third Value is Lightness. 0% Is black, 100% is white */

/* !!! Not tp be mistaken with hsla , which ads an alpha setting */
niconius