X11の色名称
X11の色名称(英: X11 color names)は、X Window System において色を表すのに使われる文字列であり、単純なテキストファイルにその文字列とRGB値の対応の一覧が記述されている。あらゆる X の実装に存在し、通常 <X11root>/lib/X11/rgb.txt
にある[1]。
RGB値や色名でソートされているわけでもなく、多くのRGB値は複数の名前が付いている。それにもかかわらず、これが事実上の標準として使われている。
NCSA Mosaic も Netscape Navigator も最初は X アプリケーションであったため、この色名称を用い、それがウェブカラーの基礎となった。
表
[編集]以下の表は、必ずしも任意の X Window System で共通して見つかる色名称というわけではないが、HTML と CSS に準拠したウェブブラウザで一般化している "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 と同じであり、dimgray は gray41 #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
(55%)
例えば、
- ivory #FFFFF0 (255 255 240) に対して、205.2=255*80.4/100 および 192.96=240*80.4/100 から ivory3 #CDCDC1 (205 205 193) が得られる。
- 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) が得られる。
脚注
[編集]関連項目
[編集]外部リンク
[編集]- CSS 3: Color Module、SVG W3C
- X11 R6 rgb.txt 1.1 (1994), 1.2 (2005, excl. 96 aliases)
- Aubrey Jaffer's Color-Names Dictionary page