| colors-006.svg | |
| SVG Image | Inkscape Image |
|
|
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>