前回のあらすじ
ハッスル寅男：
君はまずCSSの何から覚えていきたい？
CSSのたまご：
手っ取り早く面倒な事をせずに楽して「おっCSSを使いこなしてるジャン」とかさりげに思われるようなテクからマスターしたいかな。
ハッスル寅男：
まぁ、確かに誰でも最初の動機はそんな感じだろうね。でもまず先にやっておいた方がいい事がある。
CSSのたまご：
何だよ。その最初にやっておいた方がいい事って。
ハッスル寅男：
色だよ。色。このままじゃ何も知らない人がここにやって来たら、ブログがバグって表示されているようにしか見えないからね。
CSSのたまご：
どうしたらいい？
ハッスル寅男：
color: というのを使うんだよ。今、この文字は<P>というタグで改行されているから、この<P>というタグの中に、color:という属性を入れるんだ。ちなみに、スタイルシートを使う時は〔style=""〕として、"の間にさっきのcolor属性を入れればいい。
CSSのたまご：
<p style="color:">で、いいんだな。で、緑色が使いたい時はどうしたらいい？
ハッスル寅男：
緑色なら頭に#をつけてこうする<p style="color:#009900;">緑色</p>。
CSSのたまご：
頭に#をつけて、と、これでどうかな？
ハッスル寅男：
うん、緑色になってるね。でも、白がベースのページだからこの緑でもちょっとみづらいかな。今度は#004400あたりの値で試してごらん。
CSSのたまご：
#004400と、ウホッ！なかなか良い感じ！次はあんたもやりなよ。あと、それから、この数字の意味は何なのさ？僕のような初心者でもわかるように教えてくんない？
ハッスル寅男：
だから初心者を自慢するのはやめなさいとあれほど… 数字の意味かい？これは簡単に言うと、光の三原色を2桁の数字で表現しているんだ。
CSSのたまご：
どうでもいいけど、アンタ文字が右側にズレてるよ！光の三原色って言われてもねぇ…
ハッスル寅男：
話は最後まで聞くように！さっきも言ったようにさっきの数字は光の三原色を表現している。光の三原色は赤[R]・緑[G]・青[B]の三色で、これを組み合わせる事で様々な色を表現出来るんだ。
そしてこれらの要素を2桁づつ区切ったものがこの数字なんだ。後、右にずらしたのは、その方が見る人が少し読みやすくなるからだよ。
CSSのたまご：
そうゆう事か。僕の色は、最初の00が赤の要素。次の44が緑の要素。でもって最後の00が青の要素って訳だ。その中で一つだけ44となっているのが緑の要素だから緑色に見えるという訳だね。
ハッスル寅男：
そうゆう事。2桁の数字が大きくなればなる程、対応する色が明るくなってくる。00が最も暗くてFFが最大の値になるんだ。
CSSのたまご：
ちょっと待って！ FFって？ 英文字になったらわけわかんないよ
ハッスル寅男：
現実世界では、0の最後は9で一桁上がる10進数方式なんだけど、コンピュータの表現には、その先のA〜Fまで使う16進数というものがあるんだよ。
CSSのたまご：そうゆう事か。て事は、#000000が最も暗い黒な訳だから、#FFFFFFは白って事になる訳ね。
ハッスル寅男：そうゆう事。