- 一般色名リスト サンプル。CSSリファレンス
- WEBカラーリファレンス
- 色彩のページ
ウェブ標準では色はCSS側が担当します。
色の指定の仕方は各種ありますが、RGB各色の値を2桁ずつの16進数で示すのが一般的です。
16進数では、 256×256×256=1677万色のカラーを表示することができます。
ウェブセーフカラーでは、RGBの各色は「00」「33」「66」「99」 「cc」「ff」のいずれかとなり、216色で構成されます。
XHTMLでは16進数のローマ字は小文字で表記することになっています。
#contents {
background: #ffffff;
color: #333333;
}
ディスプレイ上で背景を白で文字色を黒にした場合、明度差が極端になり目にも悪影響をおよぼすので、文字色は黒に 近いグレー「#333333」などがよろしいようです。
逆に文字色が黒である場合には、背景は少し暗くします。
CSSの仕様では、前景色を指定したときは 背景色も指定することになっています。
なお文字色は「color」であって、「font-color」ではありません。
背景色はマージン(ボーダーの外側 余白)には適用されないことにも注意してください。
背景の要素 | 意味 | 備考 |
---|---|---|
background | 一括指定 | |
background-color | 背景色 | |
background-image | 背景画像 | |
background-repeat | 背景画像の並び方 | repeat no-repeat repeat-x repeat-y |
background-position | 背景画像の表示意位置 | |
background-attachment | 背景画像の固定位置 |