CSS3 Click Chart | CSS3 Browser Support and Information

HSL and HSLA Colors

Allows colors to be defined in HSL (Hue, Saturation, and Lightness) or HSLA format (Hue, Saturation, Lightness, and Alpha).

HSL and HSLA color values on W3C

.element {
    background: hsl(207, 38%, 47%);
}

.element2 {
    background: hsla(207, 38%, 47%, .8);
}

The background color of this paragraph is defined using an HSLA setting of hsla(10, 100%, 50%, 0.2)

IE9+, Firefox 3+, Chrome 2+, Safari 3.1+, Opera 10.1+