ColorKeywords

*色キーワード

**基本16色

下記の16色の名前がHTML3.2で定義されています。 これらの色であれば、古いブラウザでも安心して使用できます。

|色見本|色コード|色キーワード|hf |&color(#000000){■}; |#000000 |black| |&color(#808080){■}; |#808080 |gray| |&color(#c0c0c0){■}; |#c0c0c0 |silver| |&color(#ffffff){■}; |#ffffff |white| |&color(#ff0000){■}; |#ff0000 |red| |&color(#ffff00){■}; |#ffff00 |yellow| |&color(#00ff00){■}; |#00ff00 |lime| |&color(#00ffff){■}; |#00ffff |aqua| |&color(#0000ff){■}; |#0000ff |blue| |&color(#ff00ff){■}; |#ff00ff |fuchsia| |&color(#800000){■}; |#800000 |maroon| |&color(#808000){■}; |#808000 |olive| |&color(#008000){■}; |#008000 |green| |&color(#008080){■}; |#008080 |teal| |&color(#000080){■}; |#000080 |navy| |&color(#800080){■}; |#800080 |purple|

**Netscape色パレット

Netscape Navigatorには、次のような色キーワードが定義されています。 Internet Explorer でもこれらの色名が解釈できるようです。 しかし、古いバージョンや、他のブラウザでは、これらの色キーワードは解釈できないかもしれません。 その場合には、色キーワードではなく色コードの方を使用するようにしてください。

|色見本|色コード|色キーワード|hf |&color(#000000){■}; |#000000 |black| |&color(#000080){■}; |#000080 |navy| |&color(#00008b){■}; |#00008b |darkblue| |&color(#0000cd){■}; |#0000cd |mediumblue| |&color(#0000ff){■}; |#0000ff |blue| |&color(#006400){■}; |#006400 |darkgreen| |&color(#008000){■}; |#008000 |green| |&color(#008080){■}; |#008080 |teal| |&color(#008b8b){■}; |#008b8b |darkcyan| |&color(#00bfff){■}; |#00bfff |deepskyblue| |&color(#00ced1){■}; |#00ced1 |darkturquoise| |&color(#00fa9a){■}; |#00fa9a |mediumspringgreen| |&color(#00ff00){■}; |#00ff00 |lime| |&color(#00ff7f){■}; |#00ff7f |springgreen| |&color(#00ffff){■}; |#00ffff |aqua| |&color(#00ffff){■}; |#00ffff |cyan| |&color(#191970){■}; |#191970 |midnightblue| |&color(#1e90ff){■}; |#1e90ff |dodgerblue| |&color(#20b2aa){■}; |#20b2aa |lightseagreen| |&color(#228b22){■}; |#228b22 |forestgreen| |&color(#2e8b57){■}; |#2e8b57 |seagreen| |&color(#2f4f4f){■}; |#2f4f4f |darkslategray| |&color(#32cd32){■}; |#32cd32 |limegreen| |&color(#3cb371){■}; |#3cb371 |mediumseagreen| |&color(#40e0d0){■}; |#40e0d0 |turquoise| |&color(#4169e1){■}; |#4169e1 |royalblue| |&color(#4682b4){■}; |#4682b4 |steelblue| |&color(#483d8b){■}; |#483d8b |darkslateblue| |&color(#48d1cc){■}; |#48d1cc |mediumturquoise| |&color(#4b0082){■}; |#4b0082 |indigo| |&color(#556b2f){■}; |#556b2f |darkolivegreen| |&color(#5f9ea0){■}; |#5f9ea0 |cadetblue| |&color(#6495ed){■}; |#6495ed |cornflowerblue| |&color(#66cdaa){■}; |#66cdaa |mediumaquamarine| |&color(#696969){■}; |#696969 |dimgray| |&color(#6a5acd){■}; |#6a5acd |slateblue| |&color(#6b8e23){■}; |#6b8e23 |olivedrab| |&color(#708090){■}; |#708090 |slategray| |&color(#778899){■}; |#778899 |lightslategray| |&color(#7b68ee){■}; |#7b68ee |mediumslateblue| |&color(#7cfc00){■}; |#7cfc00 |lawngreen| |&color(#7fff00){■}; |#7fff00 |chartreuse| |&color(#7fffd4){■}; |#7fffd4 |aquamarine| |&color(#800000){■}; |#800000 |maroon| |&color(#800080){■}; |#800080 |purple| |&color(#808000){■}; |#808000 |olive| |&color(#808080){■}; |#808080 |gray| |&color(#87ceeb){■}; |#87ceeb |skyblue| |&color(#87cefa){■}; |#87cefa |lightskyblue| |&color(#8a2be2){■}; |#8a2be2 |blueviolet| |&color(#8b0000){■}; |#8b0000 |darkred| |&color(#8b008b){■}; |#8b008b |darkmagenta| |&color(#8b4513){■}; |#8b4513 |saddlebrown| |&color(#8fbc8f){■}; |#8fbc8f |darkseagreen| |&color(#90ee90){■}; |#90ee90 |lightgreen| |&color(#9370db){■}; |#9370db |mediumpurple| |&color(#9400d3){■}; |#9400d3 |darkviolet| |&color(#98fb98){■}; |#98fb98 |palegreen| |&color(#9932cc){■}; |#9932cc |darkorchid| |&color(#9acd32){■}; |#9acd32 |yellowgreen| |&color(#a0522d){■}; |#a0522d |sienna| |&color(#a52a2a){■}; |#a52a2a |brown| |&color(#a9a9a9){■}; |#a9a9a9 |darkgray| |&color(#add8e6){■}; |#add8e6 |lightblue| |&color(#adff2f){■}; |#adff2f |greenyellow| |&color(#afeeee){■}; |#afeeee |paleturquoise| |&color(#b0c4de){■}; |#b0c4de |lightsteelblue| |&color(#b0e0e6){■}; |#b0e0e6 |powderblue| |&color(#b22222){■}; |#b22222 |firebrick| |&color(#b8860b){■}; |#b8860b |darkgoldenrod| |&color(#ba55d3){■}; |#ba55d3 |mediumorchid| |&color(#bc8f8f){■}; |#bc8f8f |rosybrown| |&color(#bdb76b){■}; |#bdb76b |darkkhaki| |&color(#c0c0c0){■}; |#c0c0c0 |silver| |&color(#c71585){■}; |#c71585 |mediumvioletred| |&color(#cd5c5c){■}; |#cd5c5c |indianred| |&color(#cd853f){■}; |#cd853f |peru| |&color(#d2691e){■}; |#d2691e |chocolate| |&color(#d2b48c){■}; |#d2b48c |tan| |&color(#d3d3d3){■}; |#d3d3d3 |lightgrey| |&color(#d8bfd8){■}; |#d8bfd8 |thistle| |&color(#da70d6){■}; |#da70d6 |orchid| |&color(#daa520){■}; |#daa520 |goldenrod| |&color(#db7093){■}; |#db7093 |palevioletred| |&color(#dc143c){■}; |#dc143c |crimson| |&color(#dcdcdc){■}; |#dcdcdc |gainsboro| |&color(#dda0dd){■}; |#dda0dd |plum| |&color(#deb887){■}; |#deb887 |burlywood| |&color(#e0ffff){■}; |#e0ffff |lightcyan| |&color(#e6e6fa){■}; |#e6e6fa |lavender| |&color(#e9967a){■}; |#e9967a |darksalmon| |&color(#ee82ee){■}; |#ee82ee |violet| |&color(#eee8aa){■}; |#eee8aa |palegoldenrod| |&color(#f08080){■}; |#f08080 |lightcoral| |&color(#f0e68c){■}; |#f0e68c |khaki| |&color(#f0f8ff){■}; |#f0f8ff |aliceblue| |&color(#f0fff0){■}; |#f0fff0 |honeydew| |&color(#f0ffff){■}; |#f0ffff |azure| |&color(#f4a460){■}; |#f4a460 |sandybrown| |&color(#f5deb3){■}; |#f5deb3 |wheat| |&color(#f5f5dc){■}; |#f5f5dc |beige| |&color(#f5f5f5){■}; |#f5f5f5 |whitesmoke| |&color(#f5fffa){■}; |#f5fffa |mintcream| |&color(#f8f8ff){■}; |#f8f8ff |ghostwhite| |&color(#fa8072){■}; |#fa8072 |salmon| |&color(#faebd7){■}; |#faebd7 |antiquewhite| |&color(#faf0e6){■}; |#faf0e6 |linen| |&color(#fafad2){■}; |#fafad2 |lightgoldenrodyellow| |&color(#fdf5e6){■}; |#fdf5e6 |oldlace| |&color(#ff0000){■}; |#ff0000 |red| |&color(#ff00ff){■}; |#ff00ff |fuchsia| |&color(#ff00ff){■}; |#ff00ff |magenta| |&color(#ff1493){■}; |#ff1493 |deeppink| |&color(#ff4500){■}; |#ff4500 |orangered| |&color(#ff6347){■}; |#ff6347 |tomato| |&color(#ff69b4){■}; |#ff69b4 |hotpink| |&color(#ff7f50){■}; |#ff7f50 |coral| |&color(#ff8c00){■}; |#ff8c00 |darkorange| |&color(#ffa07a){■}; |#ffa07a |lightsalmon| |&color(#ffa500){■}; |#ffa500 |orange| |&color(#ffb6c1){■}; |#ffb6c1 |lightpink| |&color(#ffc0cb){■}; |#ffc0cb |pink| |&color(#ffd700){■}; |#ffd700 |gold| |&color(#ffdab9){■}; |#ffdab9 |peachpuff| |&color(#ffdead){■}; |#ffdead |navajowhite| |&color(#ffe4b5){■}; |#ffe4b5 |moccasin| |&color(#ffe4c4){■}; |#ffe4c4 |bisque| |&color(#ffe4e1){■}; |#ffe4e1 |mistyrose| |&color(#ffebcd){■}; |#ffebcd |blanchedalmond| |&color(#ffefd5){■}; |#ffefd5 |papayawhip| |&color(#fff0f5){■}; |#fff0f5 |lavenderblush| |&color(#fff5ee){■}; |#fff5ee |seashell| |&color(#fff8dc){■}; |#fff8dc |cornsilk| |&color(#fffacd){■}; |#fffacd |lemonchiffon| |&color(#fffaf0){■}; |#fffaf0 |floralwhite| |&color(#fffafa){■}; |#fffafa |snow| |&color(#ffff00){■}; |#ffff00 |yellow| |&color(#ffffe0){■}; |#ffffe0 |lightyellow| |&color(#fffff0){■}; |#fffff0 |ivory| |&color(#ffffff){■}; |#ffffff |white|