色の指定方法
上部
さて、先ほどの例では、「見出し2」の文字色を赤色にしたよね。ついでに色の指定方法についても説明していこう。
次のスタイルシートの2つの記述を見てみよう。両方とも「見出し2」の文字色を赤色にするという同じ結果になるんだよ。
h2{color:red;}
h2{color:#ff0000;}
学
へー、そうなんですか。
上部
うんうん。「red」のように名前で指定できる色とそうでない色があるんだ。
ここでの「red」はカラーネームと呼ぶんだよ。
「ff0000」は赤色を16進数に置き換えた表現で、カラーコードというんだ。
はじめの2文字が赤色、次の2文字が緑色、次の2文字が青色を表しているんだよ。
学
なるほど。というと、青は「0000ff」、緑は「00ff00」のように表現されるんですかね。
上部
うん。その通り。
まぁ、ここでは難しい事を理解する必要はないよ。カラーコードという英数字6文字で色を表せるという事を分かってもらえればいいよ。
自分の表現したい色がどういうカラーコードになるかは、YahooやGoogleで「カラーコード」で検索すればたくさんのホームページを見つかるのでそれを参考にしてみるといいよ。