C o l o r について

パソコンでの色指定には通常６桁の１６進数で指定します。ホームページを作ったことのある人なら フォントの色などを color=#ff0000 などというように指定したことがあると思います。 この６桁の１６進数は一体なにを表していてどういう規則性を持っているのだろう？

まず光ということについて考えてみます。光は波長（すなわち色）と強さ（つまり明るさ） によって表すことができます。パソコンの場合、ドット単位（小さな点）で表示するので 各点における色と明るさを指定すればいいわけです。
まず色。これは光の３原色で表現できます。つまり、 赤・緑・青 の３つの光をさまざまな割合で混ぜることによってすべての光が表現できます。３つとも０の時は黒、 ３色すべて混じると白となります。（ちなみに絵の具などの色の３原色は赤・黄・青ですべて混じる と黒になります。） 赤・緑・青 つまり ＲＧＢ をどの割合で混ぜてやるかを指定すればいいのです。
さて次に明るさですが、明るさ（強さ）の段階は無数にあります。アナログの場合は特に問題はないのですが パソコンはディジタルで扱うので有限の段階に分けてやる必要があります。 そこで、８ｂｉｔ(2⁸=256)つまり２５６段階に分けてやります。これを量子化といいます。 （ちなみにＣＤのように音の場合は一般的に音の強さを１６ｂｉｔに量子化しています。）

つまり各点の光（色）を指定するには 赤・緑・青 それぞれの明るさ（強さ）を指定すればいいのです。
Windowsの画面のプロパティにおいて色指定がフルカラー１，６７７万色とあるのはこのためです。 つまり、８ｂｉｔ量子化によって（赤の２５６段階×緑 の２５６段階×青の２５６段階）＝１，６７７万通りの光（色）が表現できるわけです。
パソコンの画面表示においては次のようなことが行われています。 絵や写真の各ドットのデータとしてはグラフィック用メモリのメモリ番地が書かれています。 メモリには１６進数６桁（１，６７７万色の中の一つ）の光（３色それぞれの明るさ）のデータが示されています。 つまりそのドットにはそのメモリ番地の示すメモリに書かれてある光（色）が表示されます。
フルカラー表示するためにはメモリの数が１，６７７万個必要となるわけですが、昔のパソコンはそんなにメモリを 持っていなかったので、１，６７７万色のうちの１６色だけとか２５６色だけメモリに準備しておくことにしたわけです。 このため、同時に表示できる色の数が１６色とか２５６色とかになるわけです。 Windowsでも１６色とか２５６色にするとメモリの使用量が少なくてすむのはこのためです。

さて、話ははじめに戻ってHTMLで色指定するには実際にはどうすればいいのか？ 話は簡単です。 color=#000000 とあるあの１６進数６桁で指定できます。＃の後の２桁が赤 の明るさを、次の２桁が緑の明るさを、そして最後の２桁が青 の明るさを指定しているわけです。
ちなみに６桁とも０の場合はすべての明るさ（光の強さ）が０なのでもちろん黒に。そしてすべての色が一番明るい６桁とも ｆの時は白になります。
また、一番明るい赤は color=#ff0000 で上位２桁が ff から 00 になるに連れて暗くなります。 つまりbrightな赤からdarkな赤へと変わっていきます。

それでは実際に、下のフレームにあるcolor changerでいろいろ試してみてください。 １６進数６桁をBoxの中に書いて、changeボタンを押してください。