■ホームページカラー■
パソコンのディスプレイはＲＧＢの３色の光で色を表現しております。
ＲＧＢは〔Ｒｅｄ、Ｇｒｅｅｎ、Ｂｌｕｅ〕の光の３原色のことです。
また、印刷物はＣＭＹＫ〔Ｃｙａｎ、Ｍａｇｅｎｔａ、Ｙｅｌｌｏｗ、Ｂｌａｃｋ〕の４色のインクでカラー印刷を
行うことが基本とされております。
デザインソフトで代表される「Ａｂｏｂｅ Ｉｌｌｕｓｔｒａｔｏｒ」では、どちらにも対応するためにこの２つのカラーモードが
存在します。このようなソフトでＷｅｂデザインを起こすときは、必ずＲＧＢモードで作業するように注意が必要です。
ＲＧＢとＣＭＹＫでは表現できる色の範囲が異なるので、途中からカラーモードを変更すると微妙に色が変化してしまうからです。
ＰＣではＲＧＢの各色の濃さを２５６段階の数値で表します。
２の８乗＝２５６なので、各色は８ビットとも表現します。
ＲＧＢは３色の色の組み合わせなので２の２４乗で２４ビットカラーと呼ばれております。
これに透明度を表す８ビットを加えると３２ビットカラーとなります。
僕もデザインで使用している「Ａｂｏｂｅ Ｐｈｏｔｏｓｈｏｐ」では、それぞれが１６ビットの画像を扱えるように設定されておりますが、
Ｗｅｂページで表現する場合は各色を８ビットに変換しなければなりません。
これが「Ｇｉｆ」や「Ｊｐｅｇ」と呼ばれる拡張子へ変換する理由です。
色の設定は、ＲＧＢ各色の０から２５５までの数値を「００」から「ＦＦ」まで２桁の１６進法で表現し、「Ｒ」「Ｇ」「Ｂ」の順に並べて表記します。
「００００００」は黒、「ＦＦＦＦＦＦ」は白、「ＦＦ００００」は赤という具合です。
ＷＥＢセーフカラーとは、この色で設定することでどのブラウザー環境であっても正しい色が表現できる色のことです。
ただし最近は技術の進化に伴って、このシステムパレットをあまり意識しなくても良くなっていることも事実です。
ですがＷＥＢセーフカラーは少ないメモリで多くの色を表現できるため、きちんとしたＷＥＢページデザインを目指す方には
必要な知識と言えます。
簡単なので覚えておきましょう。
①ＲＧＢそれぞれの数値が「００」「３３」「６６」「９９」「ＣＣ」「ＦＦ」
②ＲＧＢそれぞれの数値が「０」「５１」「１０２」「１５３」「２０４」「２５５」
これらの組み合わせでできる色のことを示します。
ＲＧＢの数値だけで配色を考えることは非常に難しく、よほどの技術がないと目の引くデザインを作ることは大変です。
なので色の性質を分析する上で、応用しやすいのが「色相・明度・彩度」という属性です。
色相とは「虹」で表現される色合いで「赤、黄、緑、青」などのことです。
明度は明るさ、彩度は鮮やかさを表します。白・黒・グレーは彩度を持たないため「無彩色」と呼ばれております。
これらの属性数値を変化させることで、同系色の配置であっても全体のイメージを大きく変えることが可能なのです。
なお、明度と彩度の組み合わせを一般的に「トーン」と呼びます。
トーンを上げるとか下げるとかいう表現は、明度と彩度の数値を変化させると言うことを表します。
次のページでは、この組み合わせの一般的な例をご紹介いたします。
