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

８．色名で指定できる色一覧

色名を使うと、ソースを見たときに分かりやすいのですが、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]