X11の色名称

出典: フリー百科事典『ウィキペディア(Wikipedia)』

これはこのページの過去の版です。英丸 (会話 | 投稿記録) による 2020年12月30日 (水) 16:05個人設定で未設定ならUTC)時点の版 (→‎X11 と HTML/CSS で一致している色名称)であり、現在の版とは大きく異なる場合があります。

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   BE BE BE 190 190 190   80 80 80 128 128 128
Green   00 FF 00 0 255 0   00 80 00 0 128 0
Maroon   B0 30 60 176 48 96   80 00 00 128 0 0
Purple   A0 20 F0 160 32 240   80 00 80 128 0 128

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

色名称 色見本 色成分(赤、緑、青
16進 10進
 
AliceBlue   F0 F8 FF 240 248 255
AntiqueWhite   FA EB D7 250 235 215
Aqua   00 FF FF 0 255 255
Aquamarine   7F FF D4 127 255 212
Azure   F0 FF FF 240 255 255
Beige   F5 F5 DC 245 245 220
Bisque   FF E4 C4 255 228 196
Black   00 00 00 0 0 0
BlanchedAlmond   FF EB CD 255 235 205
Blue   00 00 FF 0 0 255
BlueViolet   8A 2B E2 138 43 226
Brown   A5 2A 2A 165 42 42
BurlyWood   DE B8 87 222 184 135
CadetBlue   5F 9E A0 95 158 160
Chartreuse   7F FF 00 127 255 0
Chocolate   D2 69 1E 210 105 30
Coral   FF 7F 50 255 127 80
CornflowerBlue   64 95 ED 100 149 237
Cornsilk   FF F8 DC 255 248 220
Crimson   DC 14 3C 220 20 60
Cyan   00 FF FF 0 255 255
DarkBlue   00 00 8B 0 0 139
DarkCyan   00 8B 8B 0 139 139
DarkGoldenrod   B8 86 0B 184 134 11
DarkGray   A9 A9 A9 169 169 169
DarkGreen   00 64 00 0 100 0
DarkKhaki   BD B7 6B 189 183 107
DarkMagenta   8B 00 8B 139 0 139
DarkOliveGreen   55 6B 2F 85 107 47
DarkOrange   FF 8C 00 255 140 0
DarkOrchid   99 32 CC 153 50 204
DarkRed   8B 00 00 139 0 0
DarkSalmon   E9 96 7A 233 150 122
DarkSeaGreen   8F BC 8F 143 188 143
DarkSlateBlue   48 3D 8B 72 61 139
DarkSlateGray   2F 4F 4F 47 79 79
DarkTurquoise   00 CE D1 0 206 209
DarkViolet   94 00 D3 148 0 211
DeepPink   FF 14 93 255 20 147
DeepSkyBlue   00 BF FF 0 191 255
DimGray   69 69 69 105 105 105
DodgerBlue   1E 90 FF 30 144 255
FireBrick   B2 22 22 178 34 34
FloralWhite   FF FA F0 255 250 240
ForestGreen   22 8B 22 34 139 34
Fuchsia   FF 00 FF 255 0 255
Gainsboro   DC DC DC 220 220 220
GhostWhite   F8 F8 FF 248 248 255
Gold   FF D7 00 255 215 0
Goldenrod   DA A5 20 218 165 32
Gray 食い違いあり - 上の表を参照
Green 食い違いあり - 上の表を参照
GreenYellow   AD FF 2F 173 255 47
Honeydew   F0 FF F0 240 255 240
HotPink   FF 69 B4 255 105 180
IndianRed   CD 5C 5C 205 92 92
Indigo   4B 00 82 75 0 130
Ivory   FF FF F0 255 255 240
Khaki   F0 E6 8C 240 230 140
Lavender   E6 E6 FA 230 230 250
LavenderBlush   FF F0 F5 255 240 245
LawnGreen   7C FC 00 124 252 0
LemonChiffon   FF FA CD 255 250 205
LightBlue   AD D8 E6 173 216 230
LightCoral   F0 80 80 240 128 128
LightCyan   E0 FF FF 224 255 255
LightGoldenrodYellow   FA FA D2 250 250 210
LightGreen   90 EE 90 144 238 144
LightGrey   D3 D3 D3 211 211 211
LightPink   FF B6 C1 255 182 193
LightSalmon   FF A0 7A 255 160 122
LightSeaGreen   20 B2 AA 32 178 170
LightSkyBlue   87 CE FA 135 206 250
LightSlateGray   77 88 99 119 136 153
LightSteelBlue   B0 C4 DE 176 196 222
LightYellow   FF FF E0 255 255 224
Lime   00 FF 00 0 255 0
LimeGreen   32 CD 32 50 205 50
Linen   FA F0 E6 250 240 230
Magenta   FF 00 FF 255 0 255
Maroon 食い違いあり - 上の表を参照
MediumAquamarine   66 CD AA 102 205 170
MediumBlue   00 00 CD 0 0 205
MediumOrchid   BA 55 D3 186 85 211
MediumPurple   93 70 DB 147 112 219
MediumSeaGreen   3C B3 71 60 179 113
MediumSlateBlue   7B 68 EE 123 104 238
MediumSpringGreen   00 FA 9A 0 250 154
MediumTurquoise   48 D1 CC 72 209 204
MediumVioletRed   C7 15 85 199 21 133
MidnightBlue   19 19 70 25 25 112
MintCream   F5 FF FA 245 255 250
MistyRose   FF E4 E1 255 228 225
Moccasin   FF E4 B5 255 228 181
NavajoWhite   FF DE AD 255 222 173
Navy   00 00 80 0 0 128
OldLace   FD F5 E6 253 245 230
Olive   80 80 00 128 128 0
OliveDrab   6B 8E 23 107 142 35
Orange   FF A5 00 255 165 0
OrangeRed   FF 45 00 255 69 0
Orchid   DA 70 D6 218 112 214
PaleGoldenrod   EE E8 AA 238 232 170
PaleGreen   98 FB 98 152 251 152
PaleTurquoise   AF EE EE 175 238 238
PaleVioletRed   DB 70 93 219 112 147
PapayaWhip   FF EF D5 255 239 213
PeachPuff   FF DA B9 255 218 185
Peru   CD 85 3F 205 133 63
Pink   FF C0 CB 255 192 203
Plum   DD A0 DD 221 160 221
PowderBlue   B0 E0 E6 176 224 230
Purple 食い違いあり - 上の表を参照
Red   FF 00 00 255 0 0
RosyBrown   BC 8F 8F 188 143 143
RoyalBlue   41 69 E1 65 105 225
SaddleBrown   8B 45 13 139 69 19
Salmon   FA 80 72 250 128 114
SandyBrown   F4 A4 60 244 164 96
SeaGreen   2E 8B 57 46 139 87
Seashell   FF F5 EE 255 245 238
Sienna   A0 52 2D 160 82 45
Silver   C0 C0 C0 192 192 192
SkyBlue   87 CE EB 135 206 235
SlateBlue   6A 5A CD 106 90 205
SlateGray   70 80 90 112 128 144
Snow   FF FA FA 255 250 250
SpringGreen   00 FF 7F 0 255 127
SteelBlue   46 82 B4 70 130 180
Tan   D2 B4 8C 210 180 140
Teal   00 80 80 0 128 128
Thistle   D8 BF D8 216 191 216
Tomato   FF 63 47 255 99 71
Turquoise   40 E0 D0 64 224 208
Violet   EE 82 EE 238 130 238
Wheat   F5 DE B3 245 222 179
White   FF FF FF 255 255 255
WhiteSmoke   F5 F5 F5 245 245 245
Yellow   FF FF 00 255 255 0
YellowGreen   9A CD 32 154 205 50

グレイの階調

上記の一覧は、主なウェブブラウザが 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) が得られる。

脚注

関連項目

外部リンク