Cascading Style Sheets解説

色の指定方法

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

記法取りうる値
#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とは、それぞれ光の３原色での赤(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}               /* 定義済みの名前 */

定義済みの色名

色名前値備考
[IMG]aqua#00ffff水色
[IMG]black#000000黒
[IMG]blue#0000ff青
[IMG]fuchsia#ff00ffピンク（赤紫?）
[IMG]gray#808080灰色
[IMG]green#008000緑
[IMG]lime#00ff00ライム（黄緑）
[IMG]maroon#800000栗色
[IMG]navy#000080紺
[IMG]olive#808000オリーブ
[IMG]purple#800080紫
[IMG]red#ff0000赤色
[IMG]silver#c0c0c0薄い灰色
[IMG]teal#008080青緑
[IMG]white#ffffff白
[IMG]yellow#ffff00黄色
[IMG]orange#ffa500オレンジ(CSS2.1のみ)

Back(b)