◆カラーリスト◆
-色名のボタンをクリックするとページの背景色がその色になります-
**英語名で指定しても、シーケンス番号(#で始まる6桁、英字は大文字も小文字も可)でもいいです**
ページ作成ソフトなどだと色をスポイトで指定するだけで指定してくれたりします。
htmlモードで見るときちんとシーケンス番号になっていると思います。
色名を知るのにカラーチェッカーとかカラーピッカーという便利なツールなどもあります。
【カラーチェッカー】フリーソフトです、こちらからダウンロードできます→Vector
【カラーピッカー】フリーソフトです、こちらからダウンロードできます→Vector
こちらは画面の色名がスポイトツールを当てるだけで分かります。
| 標準16色 | |||||||||
|---|---|---|---|---|---|---|---|---|---|
|
black・#000000 |
navy・#000080 |
blue・#0000ff |
green・#008000 |
||||||
|
teal・#008080 |
lime・#00ff00 |
aqua・#00ffff |
maroon・#800000 |
||||||
|
purple・#800080 |
olive・#808000 |
gray・#808080 |
silver・#c0c0c0 |
||||||
|
red・#ff0000 |
fuchsia・#ff00ff |
yellow・#ffff00 |
white・#ffffff |
||||||
| ブラウザが対応している色名 | |||||||||
|---|---|---|---|---|---|---|---|---|---|
|
darkblue・#00008b |
mediumblue・#0000cd |
midnightblue・#191970 |
darkslateblue・#483d8b |
||||||
|
indigo・#4b0082 |
dodgerblue・#1e90ff |
royalblue・#4168e1 |
steelblue・#4682b4 |
||||||
|
deepskyblue・#00bfff |
darkturquoise・#00ced1 |
turquoise・#40e0d0 |
mediumturquoise・#48d1cc |
||||||
|
lightseagreen・#20b2aa |
cyan・#00ffff |
darkcyan・#008b8b |
cornflowerblue・#6495ed |
||||||
|
cadetblue・#5f9ea0 |
mediumaquamarine・#66cdaa |
aquamarine・#7fffd4 |
lightsteelblue・#b0c4de |
||||||
|
skyblue・#87ceeb |
lightskyblue・#87cefa |
paleturquoise・#afeeee |
lightblue・#add8e6 |
||||||
|
powderblue・#b0e0e6 |
lightcyan・#e0ffff |
aliceblue・#f0f8ff |
azure・#f0ffff |
||||||
|
mintcream・#f5fffa |
honeydew・#f0fff0 |
dimgray・#696969 |
darkslategray・#2f4f4f |
||||||
|
lightgrey・#d3d3d3 |
gainsboro・#dcdcdc |
lightslategray・#778899 |
slategray・#708090 |
||||||
|
whitesmoke・#f5f5f5 |
darkgray・#a9a9a9 |
mediumslateblue・#7b68ee |
slateblue・#6a5acd |
||||||
|
ghostwhite・#f8f8ff |
snow・#fffafa |
lavenderblush・#fff0f5 |
lavender・#e6e6fa |
||||||
|
pink・#ffc0cb |
mistyrose・#ffe4e1 |
linen・#faf0e6 |
seashell・#fff5ee |
||||||
|
lightpink・#ffb6c1 |
hotpink・#ff69b4 |
lightcoral・#f08080 |
salmon・#fa8072 |
||||||
|
violet・#ee82ee |
magenta・#ff00ff |
deeppink・#ff1493 |
mediumvioletred・#c71585 |
||||||
|
orchid・#da70d6 |
darkviolet・#9400d3 |
darkorchid・#9932cc |
palevioletred・#db7093 |
||||||
|
mediumorchid・#ba55d3 |
blueviolet・#8a2be2 |
mediumpurple・#9370db |
darkmagenta・#8b008b |
||||||
|
plum・#dda0dd |
thistle・#d8bfd8 |
rosybrown・#bc8f8f |
indianred・#cd5c5c |
||||||
|
crimson・#dc143c |
firebrick・#b22222 |
darkred・#8b0000 |
brown・#a52a2a |
||||||
|
saddlebrown・#8b4513 |
sienna・#a0522d |
chocolate・#d2691e |
peru・#cd853f |
||||||
|
burlywood・#deb887 |
tan・#d2b48c |
darksalmon・#e9967a |
lightsalmon・#ffa07a |
||||||
|
sandybrown・#f4a460 |
coral・#ff7f50 |
darkorange・#ff8c00 |
orange・#ffa500 |
||||||
|
orangered・#ff4500 |
tomato・#ff6347 |
gold・#ffd700 |
goldenrod・#daa520 |
||||||
|
darkkhaki・#bdb76b |
palegoldenrod・#eee8aa |
khaki・#f0e68c |
darkgoldenrod・#b8860b |
||||||
|
antiquewhite・#faebd7 |
peachpuff・#ffdab9 |
wheat・#f5deb3 |
navajowhite・#ffdead |
||||||
|
moccasin・#ffe4b5 |
bisque・#ffe4c4 |
blanchedalmond・#ffebcd |
papayawhip・#ffefd5 |
||||||
|
ivory・#fffff0 |
cornsilk・#fff8dc |
lightyellow・#ffffe0 |
lemonchiffon・#fffacd |
||||||
|
floralwhite・#fffaf0 |
oldlace・#fdf5e6 |
beige・#f5f5dc |
lightgoldenrodyellow・#fafad2 |
||||||
|
chartreuse・#7fff00 |
lawngreen・#7cfc00 |
greenyellow・#adff2f |
yellowgreen・#9acd32 |
||||||
|
springgreen・#00ff7f |
mediumspringgreen・#00ff7f |
limegreen・#32cd32 |
olivedrab・#6b8e23 |
||||||
|
lightgreen・#90ee90 |
palegreen・#98fb98 |
forestgreen・#228b22 |
darkolivegreen・#556b2f |
||||||
|
darkseagreen・#8fbc8f |
mediumseagreen・#3cb371 |
seagreen・#2e8b57 |
darkgreen・#006400 | ||||||
参考:[インプレス・できるホームページスタイルシート入門]