colors-006.svg
SVG Image Inkscape Image
Get a real browser! raster image of colors-006.png

Original test: colors-006.xht.

CSS Section: http://www.w3.org/TR/CSS21/syndata.html#color-units.

    <style type="text/css">

     rect { stroke: white; }

     /* CSS 2.1 Colors */
     #maroon      { fill: maroon; }
     #maroonhex   { fill: #800000; }
     #red         { fill: red; }
     #redhex      { fill: #ff0000; }
     #orange      { fill: orange; }
     #orangehex   { fill: #ffa500; }
     #yellow      { fill: yellow; }
     #yellowhex   { fill: #ffff00; }
     #olive       { fill: olive; }
     #olivehex    { fill: #808000; } 
     #purple      { fill: purple; }
     #purplehex   { fill: #800080; }
     #fuchsia     { fill: fuchsia; }
     #fuchsiahex  { fill: #ff00ff; }
     #white       { fill: white; }
     #whitehex    { fill: #ffffff; }
     #lime        { fill: lime; }
     #limehex     { fill: #00ff00; }
     #green       { fill: green; }
     #greenhex    { fill: #008000; }
     #navy        { fill: navy; }
     #navyhex     { fill: #000080; }
     #blue        { fill: blue; }
     #bluehex     { fill: #0000ff; }
     #aqua        { fill: aqua; }
     #aquahex     { fill: #00ffff; }
     #teal        { fill: teal; }
     #tealhex     { fill: #008080; }
     #black       { fill: black; }
     #blackhex    { fill: #000000; }
     #silver      { fill: silver; }
     #silverhex   { fill: #c0c0c0; }
     #gray        { fill: gray; }
     #grayhex     { fill: #808080; }

     /* SVG and CSS 3.0 Extended Colors */
     #aliceblue   { fill: aliceblue; }
     #alicebluehex { fill: rgb(240, 248, 255); }
     #azure       { fill: azure; }
     #azurehex    { fill: rgb(240, 255, 255); }
     #coral       { fill: coral; }
     #coralhex    { fill: rgb(255, 127, 80); }
     #crimson     { fill: crimson; }
     #crimsonhex  { fill: rgb(220, 20, 60); }
     #oldlace     { fill: oldlace; }
     #oldlacehex  { fill: rgb(253, 245, 230); }
     #peru        { fill: peru; }
     #peruhex     { fill: rgb(205, 133, 63); }

    </style>