カラーネームについて
色の指定を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 |
|