ColorName(カラーネーム)一覧

 カラー指定をするときはRGB(16進数)でbgcolor="#000000"などとしますがbgcolor="black"としても同様になります。
ここでは指定できる140色(解釈によっては141色)のカラーネーム(ColorName)一覧を紹介しています。
ボタンをクリックすると背景・文字の色が変わります。

RGB CODEColorName背景文字RGB CODEColorName背景文字
#fffafasnow#9acd32yellowgreen
#f8f8ffghostwhite#6b8e23olivedrab
#f5fffamintcream#556b2fdarkolivegreen
#f0ffffazure#98fb98palegreen
#fffff0ivory#90ee90lightgreen
#fffaf0floralwhite#00ff00lime
#f0f8ffaliceblue#8fbc8fdarkseagreen
#fff0f5lavenderblush#32cd32limegreen
#fff5eeseashell#228b22forestgreen
#f0fff0honeydew#008000green
#ffffe0lightyellow#006400darkgreen
#e0fffflightcyan#7fffd4aquamarine
#fdf5e6oldlace#66cdaamediumaquamarine
#fff8dccornsilk#48d1ccmediumturquoise
#faf0e6linen#00fa9amediumspringgreen
#fffacdlemonchiffon#00ff7fspringgreen
#e6e6falavender#40e0d0turquoise
#f5f5dcbeige#20b2aalightseagreen
#fafad2lightgoldenrodyellow#2e8b57seagreen
#ffe4e1mistyrose#3cb371mediumseagreen
#ffefd5papayawhip#afeeeepaleturquoise
#faebd7antiquewhite#00ffffcyan
#ffc0cbpink#00ffffaqua
#ffb6c1lightpink#008b8bdarkcyan
#ff69b4hotpink#008080teal
#da70d6orchid#2f4f4fdarkslategray
#db7093palevioletred#b0e0e6powderblue
#ff1493deeppink#add8e6lightblue
#c71585mediumvioletred#b0c4delightsteelblue
#dc143ccrimson#87cefalightskyblue
#f08080lightcoral#87ceebskyblue
#bc8f8frosybrown#00bfffdeepskyblue
#cd5c5cindianred#00ced1darkturquoise
#a52a2abrown#778899lightslategray
#b22222firebrick#708090slategray
#ff0000red#5f9ea0cadetblue
#8b0000darkred#6495edcornflowerblue
#800000maroon#1e90ffdodgerblue
#ffebcdblanchedalmond#4169e1royalblue
#ffe4c4bisque#6a5acdslateblue
#ffe4b5moccasin#0000ffblue
#ffdab9peachpuff#0000cdmediumblue
#ffdeadnavajowhite#00008bdarkblue
#f5deb3wheat#000080navy
#eee8aapalegoldenrod#191970midnightblue
#f0e68ckhaki#ba55d3mediumorchid
#ffd700gold#9370dbmediumpurple
#deb887burlywood#7b68eemediumslateblue
#d2b48ctan#4682b4steelblue
#bdb76bdarkkhaki#8a2be2blueviolet
#f4a460sandybrown#9400d3darkviolet
#ffa500orange#9932ccdarkorchid
#ffa07alightsalmon#483d8bdarkslateblue
#e9967adarksalmon#4b0082indigo
#daa520goldenrod#d8bfd8thistle
#fa8072salmon#dda0ddplum
#ff8c00darkorange#ee82eeviolet
#ff7f50coral#ff00ffmagenta
#cd853fperu#ff00fffuchsia
#ff6347tomato#8b008bdarkmagenta
#b8860bdarkgoldenrod#800080purple
#ff4500orangered#ffffffwhite
#d2691echocolate#f5f5f5whitesmoke
#a0522dsienna#dcdcdcgainsboro
#8b4513saddlebrown#d3d3d3lightgrey
#ffff00yellow#c0c0c0silver
#808000olive#a9a9a9darkgray
#adff2fgreenyellow#808080gray
#7fff00chartreuse#696969dimgray
#7cfc00lawngreen#000000black

★ この一覧はモニター設定が24bit以上でないと正しい色が表示されません。
★ 但し、環境によっては必ずしも同色になるとは限らないので注意してください。
★ ブラウザによっても表示が異なる場合があります。

★ 謎の141番目のカラー:honeydewtab
 たまにHTML関連の書籍でこの色を掲載しているものがあるが、Microsoft社やその他のブラウザベンダーのカラーテーブルの中にはhoneydewtabというものは載っていない。
 対応するRGB値もあるのだが、なぜか#1EDEAA#00DE2Bとか複数ある。(探せばもっとあるかも・・・)
 IE6(インターネットエクスプローラー)だと本来の色(青緑っぽい)で表示されますが、FireFox・Netscapeでは真っ黒です。
 下で述べている「でたらめな色」の一種であるのかもしれません。(指定しないのが無難です)

#1EDEAAhoneydewtab

★異名同色の色
 cyanとaqua・fuchsiaとmagentaは名前は違えど同色です。

Color NameSampleRGB CODE
aqua#00FFFF
cyan#00FFFF
fuchsia#FF00FF
magenta#FF00FF

★ aliceblueを指定するとブラウザによっては全く別の色(#A0CE00)で表示される場合がありますのでRGB(16進数)での表示をお勧めします。
★ 書いてて気になったんですけど、lightgreyだけ「grey」で、他は「gray」なんですね、最初スペルミスかと思いました。
理由は不明、因みにgrey・gray共に「灰色」という意味です。

★ でたらめな色
ブラウザのいい加減さとでも言うんでしょうか、適当なカラーネームを指定しても適当な色が表示される場合があります。
ただブラウザによって表示はまちまちです。

Color NameSample
coffee
cocacola
marlboro
fantaorange
これはごく一部で探せばもっとあると思います。

2007/9/26