スタイルシートで文字色を変更する

 スタイルシートで文字色を変更する

スタイルシートで文字色を変更するにはスタイルシートのcolorという属性に値を指定します。例えば文字の色を赤色にする場合は次のようになります。

body{

     color:#ff0000;

}

上の例ではbodyタグに指定を行っていますのでページ全体の文字が赤色になります。

色の指定：カラーコードで指定

上の例ではfont-colorの後に#ff0000という値をセットしています。これが色の値になります。RGBってご存知でしょうか？光の三原色といわれていて赤、緑、青の組み合わせで色が変化するんですが、#のあとに続く二桁が赤、続く二桁が緑、最後の二桁が青を表しています。

それぞれの桁は16進で色の明るさを指定していきます。上の例は赤の明るさのみ一番大きくしているため、文字は赤色で表示されます。このような数字とアルファベットの組み合わせをカラーコードといます。

色の指定：カラーネームで指定

カラーコードの場合は、ブラウザが直接判断できる表現での指定方法です。それとは別に人間がわかる表現でも指定することも出来ます。

body{

     color:red;

}

上は赤色を指定しています。これをカラーネームと呼びます。カラーコードやカラーネームについてはネット上に公開されているサイトがたくさんありますので検索してみてください。

色を指定するときのアドバイス

背景色との兼ね合いもありますが、文字色はなるべく読みやすいはっきりした文字が良いと思います。ブログはやっぱり文字が主体ですので読みづらい色を指定するのはもったいないですよね。