1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Comparing color keywords and hex values</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units">
7 <meta name="flags" content="">
8 <meta name="assert" content="Color matching of keywords and hex values.">
9 <style type="text/css">
10 #maroon
11 {
12 background: maroon;
13 }
14 #maroonhex
15 {
16 background: #800000;
17 }
18 #red
19 {
20 background: red;
21 }
22 #redhex
23 {
24 background: #ff0000;
25 }
26 #orange
27 {
28 background: orange;
29 }
30 #orangehex
31 {
32 background: #ffa500;
33 }
34 #yellow
35 {
36 background: yellow;
37 }
38 #yellowhex
39 {
40 background: #ffff00;
41 }
42 #olive
43 {
44 background: olive;
45 }
46 #olivehex
47 {
48 background: #808000;
49 }
50 #purple
51 {
52 background: purple;
53 }
54 #purplehex
55 {
56 background: #800080;
57 }
58 #fuchsia
59 {
60 background: fuchsia;
61 }
62 #fuchsiahex
63 {
64 background: #ff00ff;
65 }
66 #white
67 {
68 background: white;
69 }
70 #whitehex
71 {
72 background: #ffffff;
73 }
74 #lime
75 {
76 background: lime;
77 }
78 #limehex
79 {
80 background: #00ff00;
81 }
82 #green
83 {
84 background: green;
85 }
86 #greenhex
87 {
88 background: #008000;
89 }
90 #navy
91 {
92 background: navy;
93 }
94 #navyhex
95 {
96 background: #000080;
97 }
98 #blue
99 {
100 background: blue;
101 }
102 #bluehex
103 {
104 background: #0000ff;
105 }
106 #aqua
107 {
108 background: aqua;
109 }
110 #aquahex
111 {
112 background: #00ffff;
113 }
114 #teal
115 {
116 background: teal;
117 }
118 #tealhex
119 {
120 background: #008080;
121 }
122 #black
123 {
124 background: black;
125 }
126 #blackhex
127 {
128 background: #000000;
129 }
130 #silver
131 {
132 background: silver;
133 }
134 #silverhex
135 {
136 background: #c0c0c0;
137 }
138 #gray
139 {
140 background: gray;
141 }
142 #grayhex
143 {
144 background: #808080;
145 }
146 td
147 {
148 height: 0.5in;
149 width: 0.5in;
150 }
151 </style>
152 </head>
153 <body>
154 <p>Test passes if the first row of boxes below match the second row of boxes below.</p>
155 <table>
156 <tr>
157 <td id="maroon"></td>
158 <td id="red"></td>
159 <td id="orange"></td>
160 <td id="yellow"></td>
161 <td id="olive"></td>
162 <td id="purple"></td>
163 <td id="fuchsia"></td>
164 <td id="white"></td>
165 <td id="lime"></td>
166 <td id="green"></td>
167 <td id="navy"></td>
168 <td id="blue"></td>
169 <td id="aqua"></td>
170 <td id="teal"></td>
171 <td id="black"></td>
172 <td id="silver"></td>
173 <td id="gray"></td>
174 </tr>
175 <tr>
176 <td id="maroonhex"></td>
177 <td id="redhex"></td>
178 <td id="orangehex"></td>
179 <td id="yellowhex"></td>
180 <td id="olivehex"></td>
181 <td id="purplehex"></td>
182 <td id="fuchsiahex"></td>
183 <td id="whitehex"></td>
184 <td id="limehex"></td>
185 <td id="greenhex"></td>
186 <td id="navyhex"></td>
187 <td id="bluehex"></td>
188 <td id="aquahex"></td>
189 <td id="tealhex"></td>
190 <td id="blackhex"></td>
191 <td id="silverhex"></td>
192 <td id="grayhex"></td>
193 </tr>
194 </table>
195 </body>
196 </html>