Go to information

カラーネーム

UNIX系OS の X window system, version 11 環境下で使用できる140色の X11カラーが Netscape Communications社の Netscape Navigator 2.0 でサポートされて以来、X11カラーの140色が色を指定するためのキーワードとして定着するようになり、現在ではどのブラウザでもサポートされています。X11カラーシステムのカラーネーム(色名)は、RGBとサブセットになっています(一部の色は RGB値が X11カラーと異なります)。つまり、RGB値の変わりに X11 のカラーネームを指定することで、対応する RGB値が割り当てられることになります。

HTMLCSS などウェブページにおける色の表現は、16進数RGB値による指定が基本ですが、RGB値はコンピュータが色を扱えるための表記であるため、人間にとっては英数字の羅列だけで、実際のカラーのイメージと結びつけるのは困難です。そこで RGB値に代わって、現在では Internet Explorer, Netscape, Firefox, Opera, Safari など主要なブラウザもサポートしている X11 のカラーネームを使えば、"red" のように色の名前ですぐにイメージを掴むことができる上に、RGB値よりも身近に使われているので色名は簡単に覚えることができて暗記面にも特化していると言えます。

ただし、X11 のカラーネームには問題点があります。ブラウザの開発元を含む企業や大学が参加する W3C で策定した HTML3.2 の仕様より "aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow" の16色のカラーネームは正式に定義されていますが、この16色以外の124色のカラーネームについては、現在のところ(X)HTML や CSS などの仕様では正式に定義されていません。つまり、ブラウザも仕様で定義済みの16色以外の124色のカラーネームについては必ずしもサポートの条件を満たさなければならないわけではないので、RGB値で指定した方が安全です。もっとも、VRAM の容量が8ビットの環境などではカラーネームによる色の指定は再現することが難しく、違う色で表示(カラーシフト)したり、カラーネームで色を指定されていた部分を非表示にしたりと弊害を出す恐れがあります。

なお、CSS2.1 では基本の16色に、"orange" が追加定義されています。また、CSS3カラーモジュールでは、140色のカラーネームに加え、"darkgray, darkslategray, dimgray, gray, lightgrey, lightslategray, slategray" については "gray" と grey のどちらの綴りでも利用できるようになり、合計147色(実質的には "aqua" と "cyan"、"fuchsia" と "magenta" が異名同色であることをあわせると138色)のカラーネームとなる予定です。

カラーネーム一覧表
16進数RGB値 カラーネーム
#000000 black
#000080 navy
#00008B darkblue
#0000CD mediumblue
#0000FF blue
#006400 darkgreen
#008000 green
#008080 teal
#008B8B darkcyan
#00BFFF deepskyblue
#00CED1 darkturquoise
#00FA9A mediumspringgreen
#00FF00 lime
#00FF7F springgreen
#00FFFF aqua
#00FFFF cyan
#191970 midnightblue
#1E90FF dodgerblue
#20B2AA lightseagreen
#228B22 forestgreen
#2E8B57 seagreen
#2F4F4F darkslategray
#32CD32 limegreen
#3CB371 mediumseagreen
#40E0D0 turquoise
#4169E1 royalblue
#4682B4 steelblue
#483D8B darkslateblue
#48D1CC mediumturquoise
#4B0082 indigo
#556B2F darkolivegreen
#5F9EA0 cadetblue
#6495ED cornflowerblue
#655ACD slateblue
#66CDAA mediumaquamarine
#696969 dimgray
#6B8E23 olivedrab
#708090 slategray
#778899 lightslategray
#7B68EE mediumslateblue
#7CFC00 lawngreen
#7FFF00 chartreuse
#7FFFD4 aquamarine
#800000 maroon
#800080 purple
#808000 olive
#808080 gray
#87CEEB skyblue
#87CEFA lightskyblue
#8A2BE2 blueviolet
#8B0000 darkred
#8B008B darkmagenta
#8B4513 saddlebrown
#8FBC8F darkseagreen
#90EE90 lightgreen
#9370DB mediumpurple
#9400D3 darkviolet
#98FB98 palegreen
#9932CC darkorchid
#9ACD32 yellowgreen
#A0522D sienna
#A52A2A brown
#A9A9A9 darkgray
#ADD8E6 lightblue
#ADFF2F greenyellow
#AFEEEE paleturquoise
#B0C4DE lightsteelblue
#B0E0E6 powderblue
#B22222 firebrick
#B886CD darkgoldenrod
16進数RGB値 カラーネーム
#BA55D3 mediumorchid
#BC8F8F rosybrown
#BDB76B darkkhaki
#C0C0C0 silver
#C71585 mediumvioletred
#CD5C5C indianred
#CD853F peru
#D2691E chocolate
#D2B48C tan
#D3D3D3 lightgrey
#D8BFD8 thistle
#DA70D6 orchid
#DAA520 goldenrod
#DB7093 palevioletred
#DC143C crimson
#DCDCDC gainsboro
#DDA0DD plum
#DEB887 burlywood
#E0FFFF lightcyan
#E6E6FA lavender
#E9967A darksalmon
#EE82EE violet
#EEE8AA palegoldenrod
#F08080 lightcoral
#F0E68C khaki
#F0F8FF aliceblue
#F0FFF0 honeydew
#F0FFFF azure
#F4A460 sandybrown
#F5DEB3 wheat
#F5F5DC beige
#F5F5F5 whitesmoke
#F5FFFA mintcream
#F8F8FF ghostwhite
#FA8072 salmon
#FAEBD7 antiquewhite
#FAF0E6 linen
#FAFAD2 lightgoldenrodyellow
#FDF5E6 oldlace
#FF0000 red
#FF00FF fuchsia
#FF00FF magenta
#FF1493 deeppink
#FF4500 orangered
#FF6347 tomato
#FF69B4 hotpink
#FF7F50 coral
#FF8C00 darkorange
#FFA07A lightsalmon
#FFA500 orange
#FFB6C1 lightpink
#FFC0CB pink
#FFD700 gold
#FFDAB9 peachpuff
#FFDEAD navajowhite
#FFE4B5 moccasin
#FFE4C4 bisque
#FFE4E1 mistyrose
#FFEBCD blanchedalmond
#FFEFD5 papayawhip
#FFF0F5 lavenderblush
#FFF5EE seashell
#FFF8DC cornsilk
#FFFACD lemonchiffon
#FFFAF0 floralwhite
#FFFAFA snow
#FFFF00 yellow
#FFFFE0 lightyellow
#FFFFF0 ivory
#FFFFFF white
現在位置
  1. W3G
  2. Others
  3. カラーネーム
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-09-23T15:42:23+09:00
更新
2008-12-29T04:19:16+09:00
URI
http://w3g.jp/others/color/color_names
検索

直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!