Cascading Style Sheets解説

色の指定方法


前景色(文字色)などで色の指定をするときは、以下の5つの方法で指定することができます。

記法取りうる値
#RGBR,G,Bそれぞれ16進数1桁 「#5F0 = #55FF00」
#RRGGBBR,G,Bそれぞれ16進数2桁
rgb(255,0,0)左からR,G,Bそれぞれ0〜255の整数値
rgb(100%,0%,0%)左からR,G,Bそれぞれ0.0%〜100.0%
blackなど定義済みの名前

ここで言うR,G,Bとは、それぞれ光の3原色での赤(R)、緑(G)、青(B)にあたります。ですから、例えば「#FF0000」や「rgb(255,0,0)」とした場合、これらは「赤色」になります。

例:

EM{color:#F00}              /* #RGB */
EM{color:#FF0000}           /* #RRGGBB */
EM{color:rgb(255,0,0)}      /* 0〜255の整数値 */
EM{color:rgb(100%,0%,0%)}   /* 0.0%〜100.0% */
EM{color:red}               /* 定義済みの名前 */

定義済みの色名

名前備考
IMGaqua#00FFFF水色
IMGblack#000000
IMGblue#0000FF
IMGfuchsia#FF00FFピンク(赤紫?)
IMGgray#808080灰色
IMGgreen#008000
IMGlime#00FF00ライム(黄緑)
IMGmaroon#800000栗色
IMGnavy#000080
IMGolive#808000オリーブ
IMGpurple#800080
IMGred#FF0000赤色
IMGsilver#C0C0C0薄い灰色
IMGteal#008080青緑
IMGwhite#FFFFFF
IMGyellow#FFFF00黄色