色の学習も兼ねて、作って見ました。大雑把には分類できたと思うけど、細かい所が怪しい…(見栄え的な意味で)。
| CSS3での名称 |
10進 R/G/B |
| snow |
255 250 250 |
| floralwhite |
255 250 240 |
| ivory |
255 255 240 |
| honeydew |
240 255 240 |
| azure |
240 255 255 |
| lightcyan |
224 255 255 |
| aliceblue |
240 248 255 |
| lavenderblush |
255 240 245 |
| seashell |
255 245 238 |
| linen |
250 240 230 |
| antiquewhite |
250 235 215 |
| blanchedalmond |
255 235 205 |
| papayawhip |
255 239 213 |
| oldlace |
253 245 230 |
| cornsilk |
255 248 220 |
| lemonchiffon |
255 250 205 |
| lightgoldenrodyellow |
250 250 210 |
| lightyellow |
255 255 224 |
| beige |
245 245 220 |
| ghostwhite |
248 248 255 |
| mintcream |
245 255 250 |
| lavender |
230 230 250 |
| mistyrose |
255 228 225 |
| peachpuff |
255 218 185 |
| bisque |
255 228 196 |
| navajowhite |
255 222 173 |
| moccasin |
255 228 181 |
| wheat |
245 222 179 |
| palegoldenrod |
238 232 170 |
| palegreen |
152 251 152 |
| paleturquoise |
175 238 238 |
| powderblue |
176 224 230 |
| lightblue |
173 216 230 |
| lightsteelblue |
176 196 222 |
| thistle |
216 191 216 |
| pink |
255 192 203 |
| lightpink |
255 182 193 |
| lightcoral |
240 128 128 |
| salmon |
250 128 114 |
| darksalmon |
233 150 122 |
| lightsalmon |
255 160 122 |
| burlywood |
222 184 135 |
| khaki |
240 230 140 |
| lightgreen |
144 238 144 |
| aquamarine |
127 255 212 |
| skyblue |
135 206 235 |
| lightskyblue |
135 206 250 |
| plum |
221 160 221 |
| violet |
238 130 238 |
|
| CSS3での名称 |
10進 R/G/B |
| indianred |
205 92 92 |
| peru |
205 133 63 |
| tan |
210 180 140 |
| darkkhaki |
189 183 107 |
| mediumaquamarine |
102 205 170 |
| mediumturquoise |
72 209 204 |
| turquoise |
64 224 208 |
| cornflowerblue |
100 149 237 |
| royalblue |
65 105 225 |
| mediumslateblue |
123 104 238 |
| blueviolet |
138 43 226 |
| slateblue |
106 90 205 |
| mediumpurple |
147 112 219 |
| mediumorchid |
186 85 211 |
| orchid |
218 112 214 |
| palevioletred |
219 112 147 |
| red |
255 0 0 |
| orangered |
255 69 0 |
| tomato |
255 99 71 |
| coral |
255 127 80 |
| darkorange |
255 140 0 |
| orange |
255 165 0 |
| gold |
255 215 0 |
| yellow |
255 255 0 |
| greenyellow |
173 255 47 |
| chartreuse |
127 255 0 |
| lawngreen |
124 252 0 |
| lime |
0 255 0 |
| springgreen |
0 255 127 |
| mediumspringgreen |
0 250 154 |
| cyan (*3) |
0 255 255 |
| darkturquoise |
0 206 209 |
| deepskyblue |
0 191 255 |
| dodgerblue |
30 144 255 |
| blue |
0 0 255 |
| mediumblue |
0 0 205 |
| darkviolet |
148 0 211 |
| magenta (*2) |
255 0 255 |
| deeppink |
255 20 147 |
| hotpink |
255 105 180 |
|
| CSS3での名称 |
10進 R/G/B |
| firebrick |
178 34 34 |
| brown |
165 42 42 |
| sienna |
160 82 45 |
| chocolate |
210 105 30 |
| darkgoldenrod |
184 134 11 |
| goldenrod |
218 165 32 |
| yellowgreen |
154 205 50 |
| limegreen |
50 205 50 |
| mediumseagreen |
60 179 113 |
| lightseagreen |
32 178 170 |
| steelblue |
70 130 180 |
| darkslateblue |
72 61 139 |
| darkorchid |
153 50 204 |
| mediumvioletred |
199 21 133 |
| crimson |
220 20 60 |
| darkred |
139 0 0 |
| maroon |
128 0 0 |
| saddlebrown |
139 69 19 |
| olive |
128 128 0 |
| olivedrab |
107 142 35 |
| darkolivegreen |
85 107 47 |
| forestgreen |
34 139 34 |
| green |
0 128 0 |
| darkgreen |
0 100 0 |
| seagreen |
46 139 87 |
| darkcyan |
0 139 139 |
| teal |
0 128 128 |
| darkblue |
0 0 139 |
| midnightblue |
25 25 112 |
| navy |
0 0 128 |
| indigo |
75 0 130 |
| darkmagenta |
139 0 139 |
| purple |
128 0 128 |
| rosybrown |
188 143 143 |
| darkseagreen |
143 188 143 |
| darkslategray (*1) |
47 79 79 |
| cadetblue |
95 158 160 |
| lightslategray (*1) |
119 136 153 |
| slategray (*1) |
112 128 144 |
| white |
255 255 255 |
| whitesmoke |
245 245 245 |
| gainsboro |
220 220 220 |
| lightgray (*1) |
211 211 211 |
| silver |
192 192 192 |
| darkgray (*1) |
169 169 169 |
| gray (*1) |
128 128 128 |
| dimgray (*1) |
105 105 105 |
| black |
0 0 0 |
|
- (*1) greyの綴りも受け付ける
- (*2) 別名でfuchsia
- (*3) 別名でaqua