Color Name
ここに表示している色は、Internet Explorer と Netscape Navigator で定義されている色の名前の一覧です。この140色には、HTML4.01とCSS2で定義されている「標準のWEB COLOR」も含まれています。
「Standard Color : 標準のWEB COLOR一覧」や「Web Safe Color 216 : WEB COLOR一覧」にある色は色化けを起こすことなく指定した色で正しく表示される確率が高くなりますが、ここに表示している色はブラウザで設定されている色ですので、正しく表示されない場合があるかもしれません。
色の値は、#記号を冒頭につけた16進数値、または、色名のどちらかで指定することができ、大文字小文字を区別しません。
Color Name一覧
色名を一覧にまとめました。下表の文字をクリックすると背景色が変化します。
| white * #ffffff (255, 255, 255) |
snow #fffafa (255, 250, 250) |
ghostwhite #f8f8ff (248, 248, 255) |
whitesmoke #f5f5f5 (245, 245, 245) |
| floralwhite #fffaf0 (255, 250, 240) |
linen #faf0e6 (250, 240, 230) |
antiquewhite #faebd7 (250, 235, 215) |
papayawhip #ffefd5 (255, 239, 213) |
| blanchedalmond #ffebcd (255, 235, 205) |
bisque #ffe4c4 (255, 228, 196) |
moccasin #ffe4b5 (255, 228, 181) |
navajowhite #ffdead (255, 222, 173) |
| peachpuff #ffdab9 (255, 218, 185) |
mistyrose #ffe4e1 (255, 228, 225) |
lavenderblush #fff0f5 (255, 240, 245) |
seashell #fff5ee (255, 245, 238) |
| oldlace #fdf5e6 (253, 245, 230) |
ivory #fffff0 (255, 255, 240) |
honeydew #f0fff0 (240, 255, 240) |
mintcream #f5fffa (245, 255, 250) |
| azure #f0ffff (240, 255, 255) |
aliceblue #f0f8ff (240, 248, 255) |
lavender #e6e6fa (230, 230, 250) |
black * #000000 (0, 0, 0) |
| darkslategray #2f4f4f (47, 79, 79) |
dimgray #696969 (105, 105, 105) |
gray * #808080 (128, 128, 128) |
darkgray #a9a9a9 (169, 169, 169) |
| silver * #c0c0c0 (192, 192, 192) |
lightgrey ** #d3d3d3 (211, 211, 211) |
gainsboro #dcdcdc (220, 220, 220) |
lightslategray #778899 (119, 136, 153) |
| slategray #708090 (112, 128, 144) |
lightsteelblue #b0c4de (176, 196, 222) |
steelblue #4682b4 (70, 130, 180) |
royalblue #4169e1 (65, 105, 144) |
| midnightblue #191970 (25, 25, 112) |
navy * #000080 (0, 0, 128) |
darkblue #00008b (0, 0, 139) |
mediumblue #0000cd (0, 0, 205) |
| blue * #0000ff (0, 0, 255) |
dodgerblue #1e90ff (30, 144, 255) |
cornflowerblue #6495ed (100, 149, 237) |
deepskyblue #00bfff (0, 191, 255) |
| lightskyblue #87cefa (135, 206, 250) |
skyblue #87ceeb (135, 206, 235) |
lightblue #add8e6 (173, 216, 230) |
powderblue #b0e0e6 (176, 224, 230) |
| paleturquoise #afeeee (175, 238, 238) |
lightcyan #e0ffff (224, 255, 255) |
aqua * #00ffff (0, 255, 255) |
cyan #00ffff (0, 255, 255) |
| turquoise #40e0d0 (64, 224, 208) |
mediumturquoise #48d1cc (72, 209, 204) |
darkturquoise #00ced1 (0, 206, 209) |
lightseagreen #20b2aa (32, 178, 170) |
| cadetblue #5f9ea0 (95, 158, 160) |
darkcyan #008b8b (0, 139, 139) |
teal * #008080 (0, 128, 128) |
seagreen #2e8b57 (46, 139, 87) |
| darkolivegreen #556b2f (85, 107, 47) |
darkgreen #006400 (0, 100, 0) |
green * #008000 (0, 128, 0) |
forestgreen #228b22 (34, 139, 34) |
| mediumseagreen #3cb371 (60, 179, 113) |
darkseagreen #8fbc8f (143, 188, 143) |
mediumaquamarine #66cdaa (102, 205, 170) |
aquamarine #7fffd4 (127, 255, 212) |
| palegreen #98fb98 (152, 251, 152) |
lightgreen #90ee90 (144, 238, 144) |
springgreen #00ff7f (0, 255, 127) |
mediumspringgreen #00fa9a (0, 250, 154) |
| lawngreen #7cfc00 (124, 252, 0) |
chartreuse #7fff00 (127, 255, 0) |
greenyellow #adff2f (173, 255, 47) |
lime * #00ff00 (0, 255, 0) |
| limegreen #32cd32 (50, 205, 50) |
yellowgreen #9acd32 (154, 205, 50) |
olivedrab #6b8e23 (107, 142, 35) |
olive * #808000 (128, 128, 0) |
| darkkhaki #bdb76b (189, 183, 107) |
palegoldenrod #eee8aa (238, 232, 170) |
cornsilk #fff8dc (255, 248, 220) |
beige #f5f5dc (245, 245, 220) |
| lightyellow #ffffe0 (255, 255, 224) |
lightgoldenrodyellow #fafad2 (250, 250, 210) |
lemonchiffon #fffacd (255, 250, 205) |
wheat #f5deb3 (245, 222, 179) |
| burlywood #deb887 (222, 184, 135) |
tan #d2b48c (210, 180, 140) |
khaki #f0e68c (240, 230, 140) |
yellow * #ffff00 (255, 255, 0) |
| gold #ffd700 (255, 215, 0) |
orange #ffa500 (255, 165, 0) |
sandybrown #f4a460 (244, 164, 96) |
darkorange #ff8c00 (255, 140, 0) |
| goldenrod #daa520 (218, 165, 32) |
peru #cd853f (205, 133, 63) |
darkgoldenrod #b8860b (184, 134, 11) |
chocolate #d2691e (210, 105, 30) |
| sienna #a0522d (160, 82, 45) |
saddlebrown #8b4513 (139, 69, 19) |
maroon * #800000 (128, 0, 0) |
darkred #8b0000 (139, 0, 0) |
| brown #a52a2a (165, 42, 42) |
firebrick #b22222 (178, 34, 34) |
indianred #cd5c5c (205, 92, 92) |
rosybrown #bc8f8f (188, 143, 143) |
| darksalmon #e9967a (233, 150, 122) |
lightcoral #f08080 (240, 128, 128) |
salmon #fa8072 (250, 128, 114) |
lightsalmon #ffa07a (255, 160, 122) |
| coral #ff7f50 (255, 127, 80) |
tomato #ff6347 (255, 99, 71) |
orangered #ff4500 (255, 69, 0) |
red * #ff0000 (255, 0, 0) |
| crimson #dc143c (220, 20, 60) |
mediumvioletred #c71585 (199, 21, 133) |
deeppink #ff1493 (255, 20, 147) |
hotpink #ff69b4 (255, 105, 180) |
| palevioletred #db7093 (219, 112, 147) |
pink #ffc0cb (255, 192, 203) |
lightpink #ffb6c1 (255, 182, 193) |
thistle #d8bfd8 (216, 191, 216) |
| magenta #ff00ff (255, 0, 255) |
fuchsia * #ff00ff (255, 0, 255) |
violet #ee82ee (238, 130, 238) |
plum #dda0dd (221, 160, 221) |
| orchid #da70d6 (218, 112, 214) |
mediumorchid #ba55d3 (186, 85, 211) |
darkorchid #9932cc (153, 50, 204) |
darkviolet #9400d3 (148, 0, 211) |
| darkmagenta #8b008b (139, 0, 139) |
purple * #800080 (128, 0, 128) |
indigo #4b0082 (75, 0, 130) |
darkslateblue #483d8b (72, 61, 139) |
| blueviolet #8a2be2 (138, 43, 226) |
mediumpurple #9370db (147, 112, 219) |
slateblue #6a5acd (106, 90, 205) |
mediumslateblue #7b68ee (123, 104, 238) |
【註】
* : 標準のWEB COLORを示しています。
** : "gray" と "grey" の記述は、この「lightgrey」だけ "grey" で、他は "gray" ですので注意が必要です。
- "gray" のもの : darkgray , darkslategray , dimgray , gray , lightslategray , slategray
- "grey" のもの : lightgrey
関連ページ
- References > HTML4.01 リファレンス > 解説 > 基本データ形式 > 色
- References > Color Table > Standard Color : 標準のWEB COLOR一覧
- References > Color Table > Web Safe Color 216 : WEB COLOR一覧
- References > Data Table > 10進数・16進数変換表
