色の学習も兼ねて、作って見ました。大雑把には分類できたと思うけど、細かい所が怪しい…(見栄え的な意味で)。
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