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値が割り当てられることになります。
HTML や CSS などウェブページにおける色の表現は、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 |
|
- 現在位置
- W3G
- Others
- 色
- カラーネーム
- ナビゲーション
- World Wide Web Guide
- ステータス情報
- 作者
- 上田 遼
- 公開
- 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!