CSS3 HSL (Hue, Saturation, Lightness) Color Samples

, , …,

You can use HSL color model to specify a color. Here's the syntax:

css selector {background-color:hsl(hue, saturation, lightness)}

Example:

span.xyz {color:hsl( 0, 100%, 50%)}

HSL Color Model

HSL color model
HSL color model. img src

HSL Color Examples

Varying Hue

Varying Saturation

Varying Lightness

Lightness goes from black to white.

See also: CSS Color Transparency/Opacity.

Reference

http://www.w3.org/TR/css3-color/

blog comments powered by Disqus