X11の色名称

X11の色名称: X11 color names)は、X Window System においてを表すのに使われる文字列であり、単純なテキストファイルにその文字列とRGB値の対応の一覧が記述されている。あらゆる X の実装に存在し、通常 <X11root>/lib/X11/rgb.txt にある[1]

この項目ではを扱っています。閲覧環境によっては、色が適切に表示されていない場合があります。

この一覧を最初に作ったのが誰かは定かではない。RGB値や色名でソートされているわけでもなく、多くのRGB値は複数の名前が付いている。それにもかかわらず、これが事実上の標準として使われている。

NCSA MosaicNetscape Navigator も最初は X アプリケーションであったため、この色名称を用い、それがウェブカラーの基礎となった。

以下の表は、必ずしも任意の X Window System で共通して見つかる色名称というわけではないが、HTMLCSS に準拠したウェブブラウザで一般化している "X11 Colors" という標準を示している。無駄を省き正規化するなど、典型的な rgb.txt ファイルとは違っているところがある(特に Green が異なる[2])。RGB値は 0 から 255 の範囲に正規化してある。

ほとんど同じ色名称が .NET Framework でも使われている(KnownColor と Color)。唯一異なるのは DarkSeaGreen で、.NET では 8F,BC,8B と定義されている(こちらでは 8F,BC,8F)。

X11 と HTML/CSS の間で食い違っている色名称

最も大きな違いは "gray" の場合である。HTML では "gray" は 128,128,128 と定義されている。しかし X11 では 190,190,190 と定義されていて、HTML での "silver" に近い。他に "LightGrey" (211,211,211) と "DarkGray" (169,169,169) がある。これを比較してみると、HTML の "gray" は X11 での "DarkGray" よりも暗い灰色になっている。

色名称 X11の色名称 HTML/CSSの色名称
色見本 色成分(赤、緑、青 色見本 色成分(赤、緑、青
16進 10進 16進 10進
Gray   BEBEBE 190190190   808080 128128128
Green   00FF00 02550   008000 01280
Maroon   B03060 1764896   800000 12800
Purple   A020F0 16032240   800080 1280128

X11 と HTML/CSS で一致している色名称

色名称 色見本 色成分(赤、緑、青
16進 10進
 
AliceBlue   F0F8FF 240248255
AntiqueWhite   FAEBD7 250235215
Aqua   00FFFF 0255255
Aquamarine   7FFFD4 127255212
Azure   F0FFFF 240255255
Beige   F5F5DC 245245220
Bisque   FFE4C4 255228196
Black   000000 000
BlanchedAlmond   FFEBCD 255235205
Blue   0000FF 00255
BlueViolet   8A2BE2 13843226
Brown   A52A2A 1654242
BurlyWood   DEB887 222184135
CadetBlue   5F9EA0 95158160
Chartreuse   7FFF00 1272550
Chocolate   D2691E 21010530
Coral   FF7F50 25512780
CornflowerBlue   6495ED 100149237
Cornsilk   FFF8DC 255248220
Crimson   DC143C 2202060
Cyan   00FFFF 0255255
DarkBlue   00008B 00139
DarkCyan   008B8B 0139139
DarkGoldenrod   B8860B 18413411
DarkGray   A9A9A9 169169169
DarkGreen   006400 01000
DarkKhaki   BDB76B 189183107
DarkMagenta   8B008B 1390139
DarkOliveGreen   556B2F 8510747
DarkOrange   FF8C00 2551400
DarkOrchid   9932CC 15350204
DarkRed   8B0000 13900
DarkSalmon   E9967A 233150122
DarkSeaGreen   8FBC8F 143188143
DarkSlateBlue   483D8B 7261139
DarkSlateGray   2F4F4F 477979
DarkTurquoise   00CED1 0206209
DarkViolet   9400D3 1480211
DeepPink   FF1493 25520147
DeepSkyBlue   00BFFF 0191255
DimGray   696969 105105105
DodgerBlue   1E90FF 30144255
FireBrick   B22222 1783434
FloralWhite   FFFAF0 255250240
ForestGreen   228B22 3413934
Fuchsia   FF00FF 2550255
Gainsboro   DCDCDC 220220220
GhostWhite   F8F8FF 248248255
Gold   FFD700 2552150
Goldenrod   DAA520 21816532
Gray 食い違いあり - 上の表を参照
Green 食い違いあり - 上の表を参照
GreenYellow   ADFF2F 17325547
Honeydew   F0FFF0 240255240
HotPink   FF69B4 255105180
IndianRed   CD5C5C 2059292
Indigo   4B0082 750130
Ivory   FFFFF0 255255240
Khaki   F0E68C 240230140
Lavender   E6E6FA 230230250
LavenderBlush   FFF0F5 255240245
LawnGreen   7CFC00 1242520
LemonChiffon   FFFACD 255250205
LightBlue   ADD8E6 173216230
LightCoral   F08080 240128128
LightCyan   E0FFFF 224255255
LightGoldenrodYellow   FAFAD2 250250210
LightGreen   90EE90 144238144
LightGrey   D3D3D3 211211211
LightPink   FFB6C1 255182193
LightSalmon   FFA07A 255160122
LightSeaGreen   20B2AA 32178170
LightSkyBlue   87CEFA 135206250
LightSlateGray   778899 119136153
LightSteelBlue   B0C4DE 176196222
LightYellow   FFFFE0 255255224
Lime   00FF00 02550
LimeGreen   32CD32 5020550
Linen   FAF0E6 250240230
Magenta   FF00FF 2550255
Maroon 食い違いあり - 上の表を参照
MediumAquamarine   66CDAA 102205170
MediumBlue   0000CD 00205
MediumOrchid   BA55D3 18685211
MediumPurple   9370DB 147112219
MediumSeaGreen   3CB371 60179113
MediumSlateBlue   7B68EE 123104238
MediumSpringGreen   00FA9A 0250154
MediumTurquoise   48D1CC 72209204
MediumVioletRed   C71585 19921133
MidnightBlue   191970 2525112
MintCream   F5FFFA 245255250
MistyRose   FFE4E1 255228225
Moccasin   FFE4B5 255228181
NavajoWhite   FFDEAD 255222173
Navy   000080 00128
OldLace   FDF5E6 253245230
Olive   808000 1281280
OliveDrab   6B8E23 10714235
Orange   FFA500 2551650
OrangeRed   FF4500 255690
Orchid   DA70D6 218112214
PaleGoldenrod   EEE8AA 238232170
PaleGreen   98FB98 152251152
PaleTurquoise   AFEEEE 175238238
PaleVioletRed   DB7093 219112147
PapayaWhip   FFEFD5 255239213
PeachPuff   FFDAB9 255218185
Peru   CD853F 20513363
Pink   FFC0CB 255192203
Plum   DDA0DD 221160221
PowderBlue   B0E0E6 176224230
Purple 食い違いあり - 上の表を参照
Red   FF0000 25500
RosyBrown   BC8F8F 188143143
RoyalBlue   4169E1 65105225
SaddleBrown   8B4513 1396919
Salmon   FA8072 250128114
SandyBrown   F4A460 24416496
SeaGreen   2E8B57 4613987
Seashell   FFF5EE 255245238
Sienna   A0522D 1608245
Silver   C0C0C0 192192192
SkyBlue   87CEEB 135206235
SlateBlue   6A5ACD 10690205
SlateGray   708090 112128144
Snow   FFFAFA 255250250
SpringGreen   00FF7F 0255127
SteelBlue   4682B4 70130180
Tan   D2B48C 210180140
Teal   008080 0128128
Thistle   D8BFD8 216191216
Tomato   FF6347 2559971
Turquoise   40E0D0 64224208
Violet   EE82EE 238130238
Wheat   F5DEB3 245222179
White   FFFFFF 255255255
WhiteSmoke   F5F5F5 245245245
Yellow   FFFF00 2552550
YellowGreen   9ACD32 15420550

グレイの階調

上記の一覧は、主なウェブブラウザが JavaScript 1.1 のために定義している色のみを示している。Netscape navigatorなどのブラウザでは、lightgrey 以外は gray のように a を使うことを好んでいる。

完全な rgb.txt にはグレイ(灰色)は gray0(黒)から gray100(白)まで101階調が定義されており、それ以外に上表にある gray やその派生色名がある。

階調は grayN := round(N*255/100) という式で定義されており、例えば gray96 #F5F5F5 (245) は WhiteSmoke と同じであり、dimgraygray41 #696969 (105) と同じである。

一方、gray #BEBEBE (190) は、gray74 #BDBDBD (189) と gray75 #BFBFBF (191) の中間に位置し、darkgray #A9A9A9 (169) は gray66 #A8A8A8 (168) とは微妙に異なり、lightgrey #D3D3D3 (211) も gray83 #D4D4D4 (212) とは微妙に異なる。

色のバリエーション

上には78の色名称があるが、rgb.txt にはそれぞれに4つの派生色 "color1", "color2", "color3", "color4" があり、このうち "color1" が元の "color" に対応する。例えば、"snow1" は "snow" と同じである。これら派生色はブラウザでもサポートされていないし、W3C の標準にも採用されていない。

これらの派生色のRGB値はだいたい以下の式で示される値になる。

color2 := color*93.2/100 (93%)
color3 := color*80.4/100 (80%)
color4 := color*54.8/100 (54%)

例えば、

  • ivory #FFFFF0 (255 255 240) に対して、205.2=255*80.4/100 および 192.96=240*80.4/100 から ivory3 #CDCDC1 (205 205 196) が得られる。
  • azure #F0FFFF (240 255 255) に対して、139.74=255*54.8/100 および 131.52=240*54.8/100 から azure4 #838B8B (131 139 139) が得られる。
  • yellow #FFFF00 (255 255 0) に対して、237.66=255*93.2/100 から yellow2 #EEEE00 (238 238 0) が得られる。

脚注

関連項目

外部リンク


This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.