Hue, Saturation, and Light Color Codes
This page demonstrates the hue, saturation, and light (HSL) representation of color of the form hsl(H, S%, L%), where H is the hue measured in degrees of the color circle ranging from 0 to 360 (red = 0°; green = 120°; blue = 240°). S is the saturation percent (100% full saturation, 0% is a shade of gray); L is the lightness percent (100% is white, 0% is black, 50% is 'normal'). This is one of the several ways you can define colors in HTML or style sheets; you can use a quick reference table to help you choose from among the many color tables available.
NOTE: Not all Web browsers will show colors defined by HSL codes. The Mozilla Web browser shows colors defined by this method; as of June 2006, Microsoft Internet Explorer does not.
The colors in the chart below come from a variety of sources. Color swatches are defined by using the hsl(H, S%, L%) code for the color and are sorted by HSL. The color names are descriptive and shouldn't be used to specify a color unless you are using the 16 named colors or SVG colors.
You can see the meaning of the labels (Safe 16 SVG Hex3) on the Color Spot table of tables.
