HTML講座−色見本
☆140色の色名とは?

HTMLでRGB値の代わりに使える色の名前。 馴染みのある色名も多いので使いやすいんじゃないかな。 ただし、ブラウザによっては解釈できない場合もありえるので 注意が必要。・・・とは言ってもネットスケープや インターネットエクスプローラでは問題なく使えるよ。 でもスペルミスには気をつけてね。 とんでもない色になったりしちゃうので。



グレースケール
色見本 色名 読み RGB値
white ホワイト #ffffff
whitesmoke ホワイトスモーク #f5f5f5
gainsboro #dcdcdc
lightgrey ライトグレイ #d3d3d3
silver シルバー #c0c0c0
darkgray ダークグレイ #a9a9a9
gray グレイ #808080
dimgray #696969
black ブラック #000000
lightgreyの場合のみgreyと綴るので注意。 lightgrayと綴ると認識されなかったり、 場合によってはこんな色になるので注意。
 

彩度の高いはっきりした色
色見本 色名 読み RGB値
red レッド #ff0000
orangered オレンジレッド #ff4500
tomato トマト #ff6347
coral #ff7f50
firebrick #b22222
brown ブラウン #a52a2a
sandybrown サンディブラウン #f4a460
peru #cd853f
chocolate チョコレート #d2691e
sienna シェンナ #a0522d
orange オレンジ #ffa500
darkorange ダークオレンジ #ff8c00
gold ゴールド #ffd700
goldenrod #daa520
darkgoldenrod #b8860b
yellow イエロー #ffff00
yellowgreen イエローグリーン #9acd32
greenyellow グリーンイエロー #adff2f
chartreuse #7fff00
lawngreen #7cfc00
lime ライム #00ff00
limegreen ライムグリーン #32cd32
mediumseagreen #3cb371
springgreen スプリンググリーン #00ff7f
mediumspringgreen #00fa9a
turquoise ターコイズ #40e0d0
mediumturquoise #48d1cc
darkturquoise ダークターコイズ #00ced1
lightseagreen #20b2aa
aqua アクア #00ffff
cyan #00ffff
deepskyblue ディープスカイブルー #00bfff
steelblue スティールブルー #4682b4
dodgerblue #1e90ff
royalblue ローヤルブルー #4169e1
blue ブルー #0000ff
mediumblue #0000cd
blueviolet ブルーバイオレット #8a2be2
darkviolet ダークバイオレット #9400d3
darkorchid #9932cc
fuchsia #ff00ff
magenta #ff00ff
deeppink ディープピンク #ff1493
mediumvioletred #c71585
crimson クリムゾン #dc143c
aquaとcyan及びfuchsiaとmagentaは同じ色らしい・・・。

少し霞んだ色
色見本 色名 読み RGB値
indianred #cd5c5c
lightcoral #f08080
rosybrown #bc8f8f
lightsalmon ライトサーモン #ffa07a
salmon サーモン #fa8072
darksalmon ダークサーモン #e9967a
bisque #ffe4c4
peachpuff #ffdab9
moccasin #ffe4b5
navajowhite #ffdead
wheat #f5deb3
burlywood #deb887
tan #d2b48c
palegoldenrod #eee8aa
khaki #f0e68c
darkkhaki #bdb76b
palegreen ペールグリーン #98fb98
lightgreen ライトグリーン #90ee90
darkseagreen #8fbc8f
aquamarine アクアマリン #7fffd4
mediumaquamarine ミディアムアクアマリン #66cdaa
cadetblue #5f9ea0
paleturquoise ペールターコイズ #afeeee
powderblue パウダーブルー #b0e0e6
lightblue ライトブルー #add8e6
skyblue スカイブルー #87ceeb
lightskyblue ライトスカイブルー #87cefa
lightsteelblue ライトスティールブルー #b0c4de
lightslategray #778899
cornflowerblue コーンフラワーブルー #6495ed
mediumslateblue #7b68ee
slateblue #6a5acd
mediumpurple ミディアムパープル #9370db
plum #dda0dd
violet バイオレット #ee82ee
orchid #da70d6
mediumorchid #ba55d3
palevioletred ペールバイオレットレッド #db7093
lightpink ライトピンク #ffb6c1
pink ピンク #ffc0cb
hotpink ホットピンク #ff69b4

淡色
色見本 色名 読み RGB値
snow スノー #fffafa
mistyrose ミスティローズ #ffe4e1
seashell #fff5ee
linen #faf0e6
antiquewhite アンティークホワイト #faebd7
blanchedalmond #ffebcd
papayawhip #ffefd5
floralwhite フローラルホワイト #fffaf0
oldlace #fdf5e6
cornsilk コーンシルク #fff8dc
lightyellow ライトイエロー #ffffe0
lemonchiffon #fffacd
lightgoldenrodyellow #fafad2
beige ベージュ #f5f5dc
ivory アイボリー #fffff0
honeydew #f0fff0
mintcream ミントクリーム #f5fffa
azure #f0ffff
lightcyan #e0ffff
aliceblue #f0f8ff
ghostwhite ゴーストホワイト #f8f8ff
lavender ラベンダー #e6e6fa
thistle #d8bfd8
lavenderblush #fff0f5

暗めの色
色見本 色名 読み RGB値
darkred ダークレッド #8b0000
maroon #800000
saddlebrown #8b4513
olive オリーブ #808000
olivedrab #6b8e23
darkolivegreen ダークオリーブグリーン #556b2f
darkgreen ダークグリーン #006400
forestgreen フォレストグリーン #228b22
green グリーン #008000
seagreen #2e8b57
darkcyan #008b8b
teal #008080
darkslategray #2f4f4f
lightslategray #778899
slategray #708090
darkblue ダークブルー #00008b
navy #000080
midnightblue ミッドナイトブルー #191970
darkslateblue #483d8b
indigo #4b0082
darkmagenta #8b008b
purple パープル #800080
 
ウェブ木箱HTML講座
Copyright(C) 2002 あう