#?SuikaWiki/0.9 *色名 ,[[#form:'%color-example(color=>aliceblue);':'':'%output(form=>0);']] ,"rgb(240,248,255) ","[X11]" ,[[#form:'%color-example(color=>antiquewhite);':'':'%output(form=>0);']] ,"rgb(250,235,215) ","[X11]" ,[[#form:'%color-example(color=>aqua);':'':'%output(form=>0);']] ,"rgb( 0,255,255) ","(=cyan) [HTML4],[X11],[J]" ,[[#form:'%color-example(color=>aquamarine);':'':'%output(form=>0);']] ,"rgb(127,255,212) ","[X11]" ,[[#form:'%color-example(color=>azure);':'':'%output(form=>0);']] ,"rgb(240,255,255) ","[X11]" ,[[#form:'%color-example(color=>beige);':'':'%output(form=>0);']] ,"rgb(245,245,220) ","[X11]" ,[[#form:'%color-example(color=>bisque);':'':'%output(form=>0);']] ,"rgb(255,228,196) ","[X11]" ,[[#form:'%color-example(color=>black);':'':'%output(form=>0);']] ,"rgb( 0, 0, 0) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>blanchedalmond);':'':'%output(form=>0);']] ,"rgb(255,235,205) ","[X11]" ,[[#form:'%color-example(color=>blue);':'':'%output(form=>0);']] ,"rgb( 0, 0,255) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>blueviolet);':'':'%output(form=>0);']] ,"rgb(138, 43,226) ","[X11]" ,[[#form:'%color-example(color=>brown);':'':'%output(form=>0);']] ,"rgb(165, 42, 42) ","[X11]" ,[[#form:'%color-example(color=>burlywood);':'':'%output(form=>0);']] ,"rgb(222,184,135) ","[X11]" ,[[#form:'%color-example(color=>cadetblue);':'':'%output(form=>0);']] ,"rgb( 95,158,160) ","[X11]" ,[[#form:'%color-example(color=>chartreuse);':'':'%output(form=>0);']] ,"rgb(127,255, 0) ","[X11]" ,[[#form:'%color-example(color=>chocolate);':'':'%output(form=>0);']] ,"rgb(210,105, 30) ","[X11]" ,[[#form:'%color-example(color=>coral);':'':'%output(form=>0);']] ,"rgb(255,127, 80) ","[X11]" ,[[#form:'%color-example(color=>cornflowerblue);':'':'%output(form=>0);']] ,"rgb(100,149,237) ","[X11]" ,[[#form:'%color-example(color=>cornsilk);':'':'%output(form=>0);']] ,"rgb(255,248,220) ","[X11]" ,[[#form:'%color-example(color=>crimson);':'':'%output(form=>0);']] ,"rgb(220, 20, 60) ","[X11]" ,[[#form:'%color-example(color=>cyan);':'':'%output(form=>0);']] ,"rgb( 0,255,255) ","(=aqua) [X11]" ,[[#form:'%color-example(color=>darkblue);':'':'%output(form=>0);']] ,"rgb(0, 0,139) ","[X11]" ,[[#form:'%color-example(color=>darkcyan);':'':'%output(form=>0);']] ,"rgb(0,139,139) ","[X11]" ,[[#form:'%color-example(color=>darkgoldenrod);':'':'%output(form=>0);']] ,"rgb(184,134, 11) ","[X11]" ,[[#form:'%color-example(color=>darkgray);':'':'%output(form=>0);']] ,"rgb(169,169,169) ","[X11]" ,[[#form:'%color-example(color=>darkgreen);':'':'%output(form=>0);']] ,"rgb( 0,100, 0) ","[X11]" ,[[#form:'%color-example(color=>darkgrey);':'':'%output(form=>0);']] ,"rgb(169,169,169) ","[Mozilla]" ,[[#form:'%color-example(color=>darkkhaki);':'':'%output(form=>0);']] ,"rgb(189,183,107) ","[X11]" ,[[#form:'%color-example(color=>darkmagenta);':'':'%output(form=>0);']] ,"rgb(139, 0,139) ","[X11]" ,[[#form:'%color-example(color=>darkolivegreen);':'':'%output(form=>0);']] ,"rgb( 85,107, 47) ","[X11]" ,[[#form:'%color-example(color=>darkorange);':'':'%output(form=>0);']] ,"rgb(255,140, 0) ","[X11]" ,[[#form:'%color-example(color=>darkorchid);':'':'%output(form=>0);']] ,"rgb(153, 50,204) ","[X11]" ,[[#form:'%color-example(color=>darkred);':'':'%output(form=>0);']] ,"rgb(139, 0, 0) ","[X11]" ,[[#form:'%color-example(color=>darksalmon);':'':'%output(form=>0);']] ,"rgb(233,150,122) ","[X11]" ,[[#form:'%color-example(color=>darkseagreen);':'':'%output(form=>0);']] ,"rgb(143,188,143) ","[X11]" ,[[#form:'%color-example(color=>darkslateblue);':'':'%output(form=>0);']] ,"rgb( 72, 61,139) ","[X11]" ,[[#form:'%color-example(color=>darkslategray);':'':'%output(form=>0);']] ,"rgb( 47, 79, 79) ","[X11]" ,[[#form:'%color-example(color=>darkslategrey);':'':'%output(form=>0);']] ,"rgb( 47, 79, 79) ","[Mozilla]" ,[[#form:'%color-example(color=>darkturquoise);':'':'%output(form=>0);']] ,"rgb( 0,206,209) ","[X11]" ,[[#form:'%color-example(color=>darkviolet);':'':'%output(form=>0);']] ,"rgb(148, 0,211) ","[X11]" ,[[#form:'%color-example(color=>deeppink);':'':'%output(form=>0);']] ,"rgb(255, 20,147) ","[X11]" ,[[#form:'%color-example(color=>deepskyblue);':'':'%output(form=>0);']] ,"rgb( 0,191,255) ","[X11]" ,[[#form:'%color-example(color=>dimgray);':'':'%output(form=>0);']] ,"rgb(105,105,105) ","[X11]" ,[[#form:'%color-example(color=>dimgrey);':'':'%output(form=>0);']] ,"rgb(105,105,105) ","[Mozilla]" ,[[#form:'%color-example(color=>dodgerblue);':'':'%output(form=>0);']] ,"rgb( 30,144,255) ","[X11]" ,[[#form:'%color-example(color=>firebrick);':'':'%output(form=>0);']] ,"rgb(178, 34, 34) ","[X11]" ,[[#form:'%color-example(color=>floralwhite);':'':'%output(form=>0);']] ,"rgb(255,250,240) ","[X11]" ,[[#form:'%color-example(color=>forestgreen);':'':'%output(form=>0);']] ,"rgb(34,139, 34) ","[X11]" ,[[#form:'%color-example(color=>fuchsia);':'':'%output(form=>0);']] ,"rgb(255, 0,255) ","(= magenta) [HTML4],[X11],[J4]" ,[[#form:'%color-example(color=>gainsboro);':'':'%output(form=>0);']] ,"rgb(220,220,220) ","[X11]" ,[[#form:'%color-example(color=>ghostwhite);':'':'%output(form=>0);']] ,"rgb(248,248,255) ","[X11]" ,[[#form:'%color-example(color=>gold);':'':'%output(form=>0);']] ,"rgb(255,215, 0) ","[X11]" ,[[#form:'%color-example(color=>goldenrod);':'':'%output(form=>0);']] ,"rgb(218,165, 32) ","[X11]" ,[[#form:'%color-example(color=>gray);':'':'%output(form=>0);']] ,"rgb(128,128,128) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>grey);':'':'%output(form=>0);']] ,"rgb(128,128,128) ","[Mozilla]" ,[[#form:'%color-example(color=>green);':'':'%output(form=>0);']] ,"rgb( 0,128, 0) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>greenyellow);':'':'%output(form=>0);']] ,"rgb(173,255, 47) ","[X11]" ,[[#form:'%color-example(color=>honeydew);':'':'%output(form=>0);']] ,"rgb(240,255,240) ","[X11]" ,[[#form:'%color-example(color=>hotpink);':'':'%output(form=>0);']] ,"rgb(255,105,180) ","[X11]" ,[[#form:'%color-example(color=>indianred);':'':'%output(form=>0);']] ,"rgb(205, 92, 92) ","[X11]" ,[[#form:'%color-example(color=>indigo);':'':'%output(form=>0);']] ,"rgb( 75, 0,130) ","[X11]" ,[[#form:'%color-example(color=>ivory);':'':'%output(form=>0);']] ,"rgb(255,255,240) ","[X11]" ,[[#form:'%color-example(color=>khaki);':'':'%output(form=>0);']] ,"rgb(240,230,140) ","[X11]" ,[[#form:'%color-example(color=>lavender);':'':'%output(form=>0);']] ,"rgb(230,230,250) ","[X11]" ,[[#form:'%color-example(color=>lavenderblush);':'':'%output(form=>0);']] ,"rgb(255,240,245) ","[X11]" ,[[#form:'%color-example(color=>lawngreen);':'':'%output(form=>0);']] ,"rgb(124,252, 0) ","[X11]" ,[[#form:'%color-example(color=>lemonchiffon);':'':'%output(form=>0);']] ,"rgb(255,250,205) ","[X11]" ,[[#form:'%color-example(color=>lightblue);':'':'%output(form=>0);']] ,"rgb(173,216,230) ","[X11]" ,[[#form:'%color-example(color=>lightcoral);':'':'%output(form=>0);']] ,"rgb(240,128,128) ","[X11]" ,[[#form:'%color-example(color=>lightcyan);':'':'%output(form=>0);']] ,"rgb(224,255,255) ","[X11]" ,[[#form:'%color-example(color=>lightgoldenrodyellow);':'':'%output(form=>0);']] ,"rgb(250,250,210) ","[X11]" ,[[#form:'%color-example(color=>lightgray);':'':'%output(form=>0);']] ,"rgb(211,211,211) ","[Mozilla]" ,[[#form:'%color-example(color=>lightgreen);':'':'%output(form=>0);']] ,"rgb(144,238,144) ","[X11]" ,[[#form:'%color-example(color=>lightgrey);':'':'%output(form=>0);']] ,"rgb(211,211,211) ","[X11]" ,[[#form:'%color-example(color=>lightpink);':'':'%output(form=>0);']] ,"rgb(255,182,193) ","[X11]" ,[[#form:'%color-example(color=>lightsalmon);':'':'%output(form=>0);']] ,"rgb(255,160,122) ","[X11]" ,[[#form:'%color-example(color=>lightseagreen);':'':'%output(form=>0);']] ,"rgb( 32,178,170) ","[X11]" ,[[#form:'%color-example(color=>lightskyblue);':'':'%output(form=>0);']] ,"rgb(135,206,250) ","[X11]" ,[[#form:'%color-example(color=>lightslategray);':'':'%output(form=>0);']] ,"rgb(119,136,153) ","[X11]" ,[[#form:'%color-example(color=>lightslategrey);':'':'%output(form=>0);']] ,"rgb(119,136,153) ","[Mozilla]" ,[[#form:'%color-example(color=>lightsteelblue);':'':'%output(form=>0);']] ,"rgb(176,196,222) ","[X11]" ,[[#form:'%color-example(color=>lightyellow);':'':'%output(form=>0);']] ,"rgb(255,255,224) ","[X11]" ,[[#form:'%color-example(color=>lime);':'':'%output(form=>0);']] ,"rgb( 0,255, 0) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>limegreen);':'':'%output(form=>0);']] ,"rgb( 50,205, 50) ","[X11]" ,[[#form:'%color-example(color=>linen);':'':'%output(form=>0);']] ,"rgb(250,240,230) ","[X11]" ,[[#form:'%color-example(color=>magenta);':'':'%output(form=>0);']] ,"rgb(255, 0,255) ","(= fuchsia) [X11],[J3]" ,[[#form:'%color-example(color=>maroon);':'':'%output(form=>0);']] ,"rgb(128, 0, 0) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>mediumaquamarine);':'':'%output(form=>0);']] ,"rgb(102,205,170) ","[X11]" ,[[#form:'%color-example(color=>mediumblue);':'':'%output(form=>0);']] ,"rgb(0, 0,205) ","[X11]" ,[[#form:'%color-example(color=>mediumorchid);':'':'%output(form=>0);']] ,"rgb(186, 85,211) ","[X11]" ,[[#form:'%color-example(color=>mediumpurple);':'':'%output(form=>0);']] ,"rgb(147,112,219) ","[X11]" ,[[#form:'%color-example(color=>mediumseagreen);':'':'%output(form=>0);']] ,"rgb( 60,179,113) ","[X11]" ,[[#form:'%color-example(color=>mediumslateblue);':'':'%output(form=>0);']] ,"rgb(123,104,238) ","[X11]" ,[[#form:'%color-example(color=>mediumspringgreen);':'':'%output(form=>0);']] ,"rgb( 0,250,154) ","[X11]" ,[[#form:'%color-example(color=>mediumturquoise);':'':'%output(form=>0);']] ,"rgb( 72,209,204) ","[X11]" ,[[#form:'%color-example(color=>mediumvioletred);':'':'%output(form=>0);']] ,"rgb(199, 21,133) ","[X11]" ,[[#form:'%color-example(color=>midnightblue);':'':'%output(form=>0);']] ,"rgb( 25, 25,112) ","[X11]" ,[[#form:'%color-example(color=>mintcream);':'':'%output(form=>0);']] ,"rgb(245,255,250) ","[X11]" ,[[#form:'%color-example(color=>mistyrose);':'':'%output(form=>0);']] ,"rgb(255,228,225) ","[X11]" ,[[#form:'%color-example(color=>moccasin);':'':'%output(form=>0);']] ,"rgb(255,228,181) ","[X11]" ,[[#form:'%color-example(color=>navajowhite);':'':'%output(form=>0);']] ,"rgb(255,222,173) ","[X11]" ,[[#form:'%color-example(color=>navy);':'':'%output(form=>0);']] ,"rgb( 0, 0,128) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>oldlace);':'':'%output(form=>0);']] ,"rgb(253,245,230) ","[X11]" ,[[#form:'%color-example(color=>olive);':'':'%output(form=>0);']] ,"rgb(128,128, 0) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>olivedrab);':'':'%output(form=>0);']] ,"rgb(107,142, 35) ","[X11]" ,[[#form:'%color-example(color=>orange);':'':'%output(form=>0);']] ,"rgb(255,165, 0) ","[X11]" ,[[#form:'%color-example(color=>orangered);':'':'%output(form=>0);']] ,"rgb(255,69, 0) ","[X11]" ,[[#form:'%color-example(color=>orchid);':'':'%output(form=>0);']] ,"rgb(218,112,214) ","[X11]" ,[[#form:'%color-example(color=>palegoldenrod);':'':'%output(form=>0);']] ,"rgb(238,232,170) ","[X11]" ,[[#form:'%color-example(color=>palegreen);':'':'%output(form=>0);']] ,"rgb(152,251,152) ","[X11]" ,[[#form:'%color-example(color=>paleturquoise);':'':'%output(form=>0);']] ,"rgb(175,238,238) ","[X11]" ,[[#form:'%color-example(color=>palevioletred);':'':'%output(form=>0);']] ,"rgb(219,112,147) ","[X11]" ,[[#form:'%color-example(color=>papayawhip);':'':'%output(form=>0);']] ,"rgb(255,239,213) ","[X11]" ,[[#form:'%color-example(color=>peachpuff);':'':'%output(form=>0);']] ,"rgb(255,218,185) ","[X11]" ,[[#form:'%color-example(color=>peru);':'':'%output(form=>0);']] ,"rgb(205,133, 63) ","[X11]" ,[[#form:'%color-example(color=>pink);':'':'%output(form=>0);']] ,"rgb(255,192,203) ","[X11]" ,[[#form:'%color-example(color=>plum);':'':'%output(form=>0);']] ,"rgb(221,160,221) ","[X11]" ,[[#form:'%color-example(color=>powderblue);':'':'%output(form=>0);']] ,"rgb(176,224,230) ","[X11]" ,[[#form:'%color-example(color=>purple);':'':'%output(form=>0);']] ,"rgb(128, 0,128) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>red);':'':'%output(form=>0);']] ,"rgb(255, 0, 0) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>rosybrown);':'':'%output(form=>0);']] ,"rgb(188,143,143) ","[X11]" ,[[#form:'%color-example(color=>royalblue);':'':'%output(form=>0);']] ,"rgb( 65,105,225) ","[X11]" ,[[#form:'%color-example(color=>saddlebrown);':'':'%output(form=>0);']] ,"rgb(139, 69, 19) ","[X11]" ,[[#form:'%color-example(color=>salmon);':'':'%output(form=>0);']] ,"rgb(250,128,114) ","[X11]" ,[[#form:'%color-example(color=>sandybrown);':'':'%output(form=>0);']] ,"rgb(244,164, 96) ","[X11]" ,[[#form:'%color-example(color=>seagreen);':'':'%output(form=>0);']] ,"rgb( 46,139, 87) ","[X11]" ,[[#form:'%color-example(color=>seashell);':'':'%output(form=>0);']] ,"rgb(255,245,238) ","[X11]" ,[[#form:'%color-example(color=>sienna);':'':'%output(form=>0);']] ,"rgb(160, 82, 45) ","[X11]" ,[[#form:'%color-example(color=>silver);':'':'%output(form=>0);']] ,"rgb(192,192,192) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>skyblue);':'':'%output(form=>0);']] ,"rgb(135,206,235) ","[X11]" ,[[#form:'%color-example(color=>slateblue);':'':'%output(form=>0);']] ,"rgb(106, 90,205) ","[X11]" ,[[#form:'%color-example(color=>slategray);':'':'%output(form=>0);']] ,"rgb(112,128,144) ","[X11]" ,[[#form:'%color-example(color=>slategrey);':'':'%output(form=>0);']] ,"rgb(112,128,144) ","[Mozilla]" ,[[#form:'%color-example(color=>snow);':'':'%output(form=>0);']] ,"rgb(255,250,250) ","[X11]" ,[[#form:'%color-example(color=>springgreen);':'':'%output(form=>0);']] ,"rgb( 0,255,127) ","[X11]" ,[[#form:'%color-example(color=>steelblue);':'':'%output(form=>0);']] ,"rgb( 70,130,180) ","[X11]" ,[[#form:'%color-example(color=>tan);':'':'%output(form=>0);']] ,"rgb(210,180,140) ","[X11]" ,[[#form:'%color-example(color=>teal);':'':'%output(form=>0);']] ,"rgb( 0,128,128) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>thistle);':'':'%output(form=>0);']] ,"rgb(216,191,216) ","[X11]" ,[[#form:'%color-example(color=>tomato);':'':'%output(form=>0);']] ,"rgb(255, 99, 71) ","[X11]" ,[[#form:'%color-example(color=>turquoise);':'':'%output(form=>0);']] ,"rgb( 64,224,208) ","[X11]" ,[[#form:'%color-example(color=>violet);':'':'%output(form=>0);']] ,"rgb(238,130,238) ","[X11]" ,[[#form:'%color-example(color=>wheat);':'':'%output(form=>0);']] ,"rgb(245,222,179) ","[X11]" ,[[#form:'%color-example(color=>white);':'':'%output(form=>0);']] ,"rgb(255,255,255) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>whitesmoke);':'':'%output(form=>0);']] ,"rgb(245,245,245) ","[X11]" ,[[#form:'%color-example(color=>yellow);':'':'%output(form=>0);']] ,"rgb(255,255, 0) ","[HTML4],[X11],[J]" ,[[#form:'%color-example(color=>yellowgreen);':'':'%output(form=>0);']] ,"rgb(154,205, 50) ","[X11]" [1] [HTML4] は [[HTML4]], [[CSS1]], [[CSS2]] で規定されている基本16色。 [2] [X11] は [[SVG]] で規定されている拡張色。多くの [[WWWブラウザ]]は [[HTML]] や [[CSS]] の色系属性値として昔から対応している。 [39] [J3] は 「[[J-SKY]] 向け HTML/3.01」, [J4] は同/4.0。 [J] は [J3] 且つ [J4]。 [J3] にあった [CODE(HTML)[magenta]] は [J4] で HTML 4 にあわせて [CODE(HTML)[Fuchsia]] に変更されました。 - [3] ''CSS2 データ型・ノート'' - [4] ''Color Values'' - [5] 色名は基本16色以外は安全ではないから16進数表記を使うようにと長らく言われてきました。しかし最近では色名に対応した [[UA]] はほとんど X11 colors と呼ばれる、 [[NN]] 拡張に由来すると言われている追加の色にも対応しています。ですから、ほとんどの場合 X11 色も安全ですし、実際そういう事情を知らずに使っている人は沢山います。 (事情を知ってても、 [CODE[orange]] のような基本的な色名まで非標準だったとは知らない人もいるでしょう。) - [6] >>5 というわけで、 (SVG で CSS に取り入れられて、 CSS3 でも採用される見込みですから) X11 色も今は堂々と使って良いと思います。とはいっても、そういう事情を説明しないで基本16色と X11 色をごちゃまぜにした''説明''はやっぱり好きませんけどね。 - [7] ところで、基本16色でも X11 色でも (CSS2 の [[UI]] 色でも) ない、 WWW ブラウザ独自拡張の色が他にも無いか調べてみましたが、見つかりませんでした。 - [10] ''HTML Color Chart'' 非常によくまとめられていておすすめです。 >>8- で取り上げた gray/grey 問題のほか、 X11 の色表と WWW の X11 色との比較や幻の HoneydewTab と HoneydewTad の話が (って全部か。) 興味深いです。 - [19] ''XHTML colour names and their sRGB values'' [20] >>19 によればこんな色もあったそうですが、今の Mozilla では [CODE[lightgray]] を除いて確認出来ません。 -[[#form:'%color-example(color=>Lightgoldenrod);':'':'%output(form=>0);']] -[[#form:'%color-example(color=>Lightslateblue);':'':'%output(form=>0);']] -[[#form:'%color-example(color=>Lightgray);':'':'%output(form=>0);']] -[[#form:'%color-example(color=>Navyblue);':'':'%output(form=>0);']] -[[#form:'%color-example(color=>Violetred);':'':'%output(form=>0);']] また、 [[#form:'%color-example(color=>blue1);':'':'%output(form=>0);']] 〜[[#form:'%color-example(color=>blue4);':'':'%output(form=>0);']], [[#form:'%color-example(color=>gray1);':'':'%output(form=>0);']] 〜[[#form:'%color-example(color=>gray100);':'':'%output(form=>0);']] という指定もあるらしいですが、やはり確認出来ません。 - [21] >>20 後者は rgb.txt に由来するのかな? ''RGB to Color Name Mapping'' - [22] >>21 >>20 前半の色も >>21 に載ってますね。 - [23] ''カラー名のlightgreyって?'' ばけらたんの考察が興味深いです。 - [24] >>-23 結局、 X11 から WWW に輸入する時点で混乱が生じたようですな - [25] 隠し色名があるとの情報もありますが、どんな名前のものかも不明です。 >>20-21 の数字つき色名のことなんでしょうか? - [28] さて、上の表で [HTML4] は全て [X11] に含まれます。 - [29] (>>10 によれば幾つか定義が違うものがあるものの) [X11] は (本物の [[X]]11 の) [CODE(file)[rgb.txt]] に全て含まれます。 - [30] そして、 [X11] に [Mozilla] を加えたものはやはり [CODE(file)[rgb.txt]] の subset です。 - [31] [X11] + [Mozilla] は [[SVG]] 1.0 や CSS3 で定義された (システム色を除く) 色名と同じです。 [32] >>28-31 文字で書くより図の方が分かりやすい。 ,基本16色 ,X11 色 ,greys ,その他 ,"[HTML4] (HTML 3.2, HTML 4, CSS1, CSS2)" ,"[X11] (NC4 以前, IE) ",== ,"[X11] + [Mozilla] (SVG 1.0, CSS3) ",==,== ,"X の [CODE(file)[rgb.txt]] ",==,==,== - [33] >>33 スタイル・シート等によっては表の枠線の表示の関係で余計に分かりにくいかも。 - [34] >>33 文書による代替があるので許容ということで。 - [35] [WEAK[2003-02-22 13:34]] ''[[名無しさん]]'': CSS 2.1 (''Syntax and basic data types'' まだ WD) は [CODE(CSS)[orange]] を17番目の色として追加します。 - [40] >>34 [DEL[文書]] [INS[文字]] [[#comment]] *gray & grey [8] X11 色には幾つか [CODE[‐gray]] という名前がありますが、このうち [CODE[lightgrey]] だけ [CODE[‐grey]] になっています。 英語としてはどちらも正しいのですが、 [CODE[lightgray]] を除く [CODE[‐gray]] と [CODE[lightgrey]] しか対応していない [[UA]] が多いです。 その中には [[M$IE]] と [[NN]]4 も含まれます。 [[Mozilla]] は全てについて [CODE[‐gray]] と [CODE[‐grey]] に共に対応しています。 - [9] WinIE ではなぜか (無着色ではなく) 全然関係ない色になりますね。どういうアルゴリズムなんだか。 [[#comment]] *HoneydewTab と HoneydewTad [11] >>10 に詳しいですが、2つの幻の色名, [[#form:'%color-example(color=>HoneydewTab);':'':'%output(form=>0);']] と [[#form:'%color-example(color=>HoneydewTad);':'':'%output(form=>0);']] が''存在''しています。 [12] Mozilla ではこの指定は無視されますが、 WinIE ではいずれも [[#form:'%color-example(color=>"#00DEAB");':'':'%output(form=>0);']] で表示されます。 [13] しかし、 >>10 の考察を読めば分かりますが、 WinIE もこの色を実装しているわけではありません。 ではなぜそれっぽい色 (いや、 Honeydew = 糖液・蜜に [CODE[#00DEAB]] がふさわしいのかは謎ですが。) が表示されるのか。 ためしに適当な文字列を入れてみると、その文字列によって色が変化することがわかります。 また、 WinIE は[[互換モード]]では [CODE[#]] がつかない16進表記 (もちろん不正。) も認識するらしいです。 このことから考えると、 WinIE は適当な文字列が指定された場合に、それを頑張って16進の色指定と認識しようとすると思われます。 だとすると >>9 も説明がつきます。 - [14] >>12 WinIE で互換モードでも、 [[CSS]] では無視されるようです。 - [15] >>13 HoneydewTab は鳥名らしいです。 - [17] 検索してみると確かに''日本語サイトに限って''この2つの色名が蔓延してることがわかります。 HoneydewTab が多く (鳥名として正しい綴りだからだろう。), HoneydewTad は少数です。こちらは typo でしょうか。 - [18] >>17 WinIE でしか確認しないで, 他の資料の丸写しで色一覧を作ってる人が多いことがよくわかりますね(w [[#comment]] *メモ - [16] ''あれこれ/カラーサンプル'' 環境による近似色関係の情報もあって有用。 - [26] ''CSS3 module: Color'' - [27] >>26 CSS3 は従来の HTML, W3C CSS, 独自拡張 CSS の色関係の指定を整理したうえで更に拡張しています。この [[WD]] 自体が、簡単ではあるものの [[HTML4]] 以降の色関係の指定方法の変化の説明となっています。 - [36] [[XSL]](-FO) の場合。 ''Property Refinement / Resolution'' , ''Formatting Properties'' , ''Property Refinement / Resolution'' - [37] >>36 基本16色, [CODE(XSL)[#]] の16進数表記, CSS と同様の [[rgb]] 関数, [[rgb-icc]] 関数, [[system-color]] 関数が指定できます。 - [38] ''色指定は正しく指定しましょう - Web標準普及プロジェクト'' [CODE(HTML)[#]] 省略問題について。 - [41] html:[[body]]/@[[bgcolor]] 属性の値に不正な値を指定し場合について。[CODE(HTML)[ ] ([[SP]]) の場合、 [[Mozilla]] 1.3 では既定背景色、 [[WinIE]] 6.0 では黒になりました。 [CODE(HTML)[#]] や [CODE(HTML)[;]] ではどちらの [[UA]] でも黒になりました。なお、利用者指定の既定値や前景色との関係は調べてません。 - [42] [CODE(CSS)[[[-moz-Field]]]], [CODE(CSS)[[[-moz-FieldText]]]], ...