カラーネームについて
色の指定をRGB値ではなく名前で指定できるのがカラーネームです。
現在ではほとんどのブラウザでサポートされています。16進数のRGB値よりも覚えやすく
色のイメージがつかみやすいです。140色あります。
<font color="tomato">
このように使うことができます</font>
| 色 |
色名 |
R |
G | B | 16進 |
| |
white |
255 |
255 | 255 | #FFFFFF |
| |
whitesmoke |
245 |
245 | 245 | #F5F5F5 |
| |
gainsboro |
220 |
220 | 220 | #DCDCDC |
| |
lightgrey |
211 |
211 | 211 | #D3D3D3 |
| |
silver |
192 |
192 | 192 | #C0C0C0 |
| |
darkgray |
169 |
169 | 169 | #A9A9A9 |
| |
gray |
128 |
128 | 128 | #808080 |
| |
dimgray |
105 |
105 | 105 | #696969 |
| |
black |
0 |
0 | 0 | #000000 |
| |
red |
255 |
0 | 0 | #FF0000 |
| |
orangered |
255 |
69 | 0 | #FF4500 |
| |
tomato |
255 |
99 | 71 | #FF6347 |
| |
coral |
255 |
127 | 80 | #FF7F50 |
| |
salmon |
250 |
128 | 114 | #FA8072 |
| |
lightsalmon |
255 |
160 | 122 | #FFA07A |
| |
darksalmon |
233 |
150 | 122 | #E9967A |
| |
peru |
205 |
133 | 63 | #CD853F |
| |
saddlebrown |
139 |
69 | 19 | #8B4513 |
| |
sienna |
160 |
82 | 45 | #A0522D |
| |
chocolate |
210 |
105 | 30 | #D2691E |
| |
sandybrown |
244 |
164 | 96 | #F4A460 |
| |
darkred |
139 |
0 | 0 | #8B0000 |
| |
maroon |
128 |
0 | 0 | #800000 |
| |
brown |
165 |
42 | 42 | #A52A2A |
| |
firebrick |
178 |
34 | 34 | #B22222 |
| |
crimson |
220 |
20 | 60 | #DC143C |
| |
indianred |
205 |
92 | 92 | #CD5C5C |
| |
lightcoral |
240 |
128 | 128 | #F08080 |
| |
rosybrown |
188 |
143 | 143 | #BC8F8F |
| |
palevioletred |
219 |
112 | 147 | #DB7093 |
| |
deeppink |
255 |
20 | 147 | #FF1493 |
| |
hotpink |
255 |
105 | 180 | #FF69B4 |
| |
lightpink |
255 |
182 | 193 | #FFB6C1 |
| |
pink |
255 |
192 | 203 | #FFC0CB |
| |
mistyrose |
255 |
228 | 225 | #FFE4E1 |
| |
linen |
250 |
240 | 230 | #FAF0E6 |
| |
seashell |
255 |
245 | 238 | #FFF5EE |
| |
lavenderblush |
255 |
240 | 245 | #FFF0F5 |
| |
snow |
255 |
250 | 250 | #FFFAFA |
| |
yellow |
255 |
255 | 0 | #FFFF00 |
| |
gold |
255 |
215 | 0 | #FFD700 |
| |
orange |
255 |
165 | 0 | #FFA500 |
| |
darkorange |
255 |
140 | 0 | #FF8C00 |
| |
goldenrod |
218 |
165 | 32 | #DAA520 |
| |
darkgoldenrod |
184 |
134 | 11 | #B8860B |
| |
darkkhaki |
189 |
183 | 107 | #BDB76B |
| |
burlywood |
222 |
184 | 135 | #DEB887 |
| |
tan |
210 |
180 | 140 | #D2B48C |
| |
khaki |
240 |
230 | 140 | #F0E68C |
| |
peachpuff |
255 |
218 | 185 | #FFDAB9 |
| |
navajowhite |
255 |
222 | 173 | #FFDEAD |
| |
palegoldenrod |
238 |
232 | 170 | #EEE8AA |
| |
moccasin |
255 |
228 | 181 | #FFE4B5 |
| |
wheat |
245 |
222 | 179 | #F5DEB3 |
| |
bisque |
255 |
228 | 196 | #FFE4C4 |
| |
blanchedalmond |
255 |
235 | 205 | #FFEBCD |
| |
papayawhip |
255 |
239 | 213 | #FFEFD5 |
| |
cornsilk |
255 |
248 | 220 | #FFF8DC |
| |
lightyellow |
255 |
255 | 224 | #FFFFE0 |
| |
lightgoldenrodyellow |
250 |
250 | 210 | #FAFAD2 |
| |
lemonchiffon |
255 |
250 | 205 | #FFFACD |
| |
antiquewhite |
250 |
235 | 215 | #FAEBD7 |
| |
beige |
245 |
245 | 220 | #F5F5DC |
| |
oldlace |
253 |
245 | 230 | #FDF5E6 |
| |
ivory |
255 |
255 | 240 | #FFFFF0 |
| |
floralwhite |
255 |
250 | 240 | #FFFAF0 |
| |
greenyellow |
173 |
255 | 47 | #ADFF2F |
| |
yellowgreen |
154 |
205 | 50 | #9ACD32 |
| |
olive |
128 |
128 | 0 | #808000 |
| |
darkolivegreen |
85 |
107 | 47 | #556B2F |
| |
olivedrab |
107 |
142 | 35 | #6B8E23 |
| |
chartreuse |
127 |
255 | 0 | #7FFF00 |
| |
lawngreen |
124 |
252 | 0 | #7CFC00 |
| |
lime |
0 |
255 | 0 | #00FF00 |
| |
limegreen |
50 |
205 | 50 | #32CD32 |
| |
forestgreen |
34 |
139 | 34 | #228B22 |
| |
green |
0 |
128 | 0 | #008000 |
| |
darkgreen |
0 |
100 | 0 | #006400 |
| |
seagreen |
46 |
139 | 87 | #2E8B57 |
| |
mediumseagreen |
60 |
179 | 113 | #3CB371 |
| |
darkseagreen |
143 |
188 | 143 | #8FBC8F |
| |
lightgreen |
144 |
238 | 144 | #90EE90 |
| |
palegreen |
152 |
251 | 152 | #98FB98 |
| |
springgreen |
0 |
255 | 127 | #00FF7F |
| |
mediumspringgreen |
0 |
250 | 154 | #00FA9A |
| |
honeydew |
240 |
255 | 240 | #F0FFF0 |
| |
mintcream |
245 |
255 | 250 | #F5FFFA |
| |
azure |
240 |
255 | 255 | #F0FFFF |
| |
lightcyan |
224 |
255 | 255 | #E0FFFF |
| |
aliceblue |
240 |
248 | 255 | #F0F8FF |
| |
darkslategray |
47 |
79 | 79 | #2F4F4F |
| |
steelblue |
70 |
130 | 180 | #4682B4 |
| |
mediumaquamarine |
102 |
205 | 170 | #66CDAA |
| |
aquamarine |
127 |
255 | 212 | #7FFFD4 |
| |
mediumturquoise |
72 |
209 | 204 | #48D1CC |
| |
turquoise |
64 |
224 | 208 | #40E0D0 |
| |
lightseagreen |
32 |
178 | 170 | #20B2AA |
| |
darkcyan |
0 |
139 | 139 | #008B8B |
| |
teal |
0 |
128 | 128 | #008080 |
| |
cadetblue |
95 |
158 | 160 | #5F9EA0 |
| |
darkturquoise |
0 |
206 | 209 | #00CED1 |
| |
aqua |
0 |
255 | 255 | #00FFFF |
| |
cyan |
0 |
255 | 255 | #00FFFF |
| |
lightblue |
173 |
216 | 230 | #ADD8E6 |
| |
powderblue |
176 |
224 | 230 | #B0E0E6 |
| |
paleturquoise |
175 |
238 | 238 | #AFEEEE |
| |
skyblue |
135 |
206 | 235 | #87CEEB |
| |
lightskyblue |
135 |
206 | 250 | #87CEFA |
| |
deepskyblue |
0 |
191 | 255 | #00BFFF |
| |
dodgerblue |
30 |
144 | 255 | #1E90FF |
| |
ghostwhite |
248 |
248 | 255 | #F8F8FF |
| |
lavender |
230 |
230 | 250 | #E6E6FA |
| |
lightsteelblue |
176 |
196 | 222 | #B0C4DE |
| |
slategray |
112 |
128 | 144 | #708090 |
| |
lightslategray |
119 |
136 | 153 | #778899 |
| |
indigo |
75 |
0 | 130 | #4B0082 |
| |
darkslateblue |
72 |
61 | 139 | #483D8B |
| |
midnightblue |
25 |
25 | 112 | #191970 |
| |
navy |
0 |
0 | 128 | #000080 |
| |
darkblue |
0 |
0 | 139 | #00008B |
| |
slateblue |
106 |
90 | 205 | #6A5ACD |
| |
mediumslateblue |
123 |
104 | 238 | #7B68EE |
| |
cornflowerblue |
100 |
149 | 237 | #6495ED |
| |
royalblue |
65 |
105 | 225 | #4169E1 |
| |
mediumblue |
0 |
0 | 205 | #0000CD |
| |
blue |
0 |
0 | 255 | #0000FF |
| |
thistle |
216 |
191 | 216 | #D8BFD8 |
| |
plum |
221 |
160 | 221 | #DDA0DD |
| |
orchid |
218 |
112 | 214 | #DA70D6 |
| |
violet |
238 |
130 | 238 | #EE82EE |
| |
fuchsia |
255 |
0 | 255 | #FF00FF |
| |
magenta |
255 |
0 | 255 | #FF00FF |
| |
mediumpurple |
147 |
112 | 219 | #9370DB |
| |
mediumorchid |
186 |
85 | 211 | #BA55D3 |
| |
darkorchid |
153 |
50 | 204 | #9932CC |
| |
blueviolet |
138 |
43 | 226 | #8A2BE2 |
| |
darkviolet |
148 |
0 | 211 | #9400D3 |
| |
purple |
128 |
0 | 128 | #800080 |
| |
darkmagenta |
139 |
0 | 139 | #8B008B |
| |
mediumvioletred |
199 |
21 | 133 | #C71585 |
|