トップページ>ホームページ実用小技集>スタイルシート基礎講座

8.色名で指定できる色一覧

色名を使うと、ソースを見たときに分かりやすいのですが、IE、Mozillaでは表示できない色もあります。IEで表示できるのは140色のようです。ただし、定義済みの16色以外を使うと、W3C CSS Validatorでエラーになります(このページもエラーばかりです)。216色指定できる16進数指定の使用が望ましいです。

・定義済み16色

 black   gray   silver   white   blue   navy   teal 
 green   aqua   lime   yellow   fuchsia   olive 
 purple   maroon   red 

・定義外の色名(使用しない方が望ましい)

 aliceblue   antiquewhite   aquamarine   azure   beige 
 bisuque   blanchedalmond   blueviolet   ★brass=IE表示不可 
 brown   burlywood   cadetblue   chartreuse   chocolate 
 ★coolcopper=IE表示不可   ★copper=IE表示不可   coral 
 ★cornflower=IE表示不可   cornflowerblue   cornsilk   crimson 
 cyan   darkblue   ★darkbrown=IE表示不可   darkcyan   darkgoldenrod 
 darkgray   darkgreen   darkkhaki   darkmagenta   darkolivegreen 
 darkorange   darkorchid   darkred   darksalmon   darkseagreen 
 darkslateblue   darkslategray   darkturquoise 
 darkviolet   deeppink 
 deepskyblue   dimgray   dodgerblue 
 ★feldsper=IE表示不可   ★fireblick=IE表示不可   floralwhite 
 forestgreen   gainsboro   ghostwhite   gold 
 goldenrod   greenyellow   honeydew   hotpink   indianred 
 indigo   ivory   khaki   lavender 
 lavenderblush   lawngreen   lemonchiffon 
 lightblue   lightcoral   lightcyan   lightgoldenrodyellow 
 lightgreen   lightgrey   lightpink   lightsalmon   lightseagreen 
 lightskyblue   lightslategray   lightsteelblue   lightyellow 
 limegreen   linen   magenta   mediumaquamarine 
 mediumblue   mediumorchid   mediumpurple   mediumslateblue 
 mediumseagreen   mediumspringgreen   mediumturquoise 
 mediumvioletred   midnightblue   mintcream   mistyrose 
 moccasin   navajowhite   oldlace   olivedrab 
 orange   orangered   orchid   palegoldenrod 
 palegreen   paleturquoise   palevioletred   papayawhip 
 peachpuff   peru   pink   plum   powderblue 
 ★richblue=IE表示不可   rosybrown   royalblue   saddlebrown 
 salmon   sandybrown   seagreen   seashell 
 sienna   skyblue   slateblue   slategray   snow 
 springgreen   steelblue   tan   thistle   tomato 
 turquoise   violet   wheat   whitesmoke   yellowgreen 

フォントの色を指定するときに僕はよく"font-color:yellow"などと書いていました(^^ゞ。"font-family"や"font-size"と混同していたわけです。フォントの色は単に"color"でいいのです。

例:<SPAN STYLE="color:red;">〜<SPAN>

BODY{color:red;}

[BACK][NEXT]