実学では、「遠くから色を見て、近くで花を見て、先に色を見て、次に花を見て、七色のうち七色は三花にある」という言葉がよくあります。
これは、どのようなデザインにおいても、色が視覚刺激を通じて情報を伝える最初の役割を果たすことを示しています。したがって、色の基本的な知識をしっかりと理解して初めて、Web デザインを快適に行うことができます。
次の Web ページのカラー マッチング分析を理解しやすくするために、まず色の RGB モードと HSB モードについて理解しましょう。
■RGB
RGBとは、光の三原色とも呼ばれる赤、緑、青の略で、英語ではR（赤）、G（緑）、B（青）といいます。 RGBのαは明るさを指し、整数で表されます。
通常、RGB にはそれぞれ 256 段階の明るさがあり、0、1、2 ～ 255 の数値で表されます。最大値は 255 ですが、0 も値の 1 つであるため、合計 256 のレベルがあります。計算によれば、RGB の合計 256 段階の色を組み合わせて、約 1,678 万色、つまり 256×256×256=16777216 色を生成することができます。 1,600 万色または数千万色とも呼ばれることがよくあります。 24 ビット カラー (2 の 24 乗) とも呼ばれます。
単一の R、G、または B の場合、値が 0 の場合、その色は発光しないことを意味し、255 の場合、その色は最高の明るさになります。したがって、RGB 3 色の光が最も強い明るさで発光した場合、純白の RGB 値は 255,255,255 となります。画面上の黒の RGB 値は 0,0,0 です。 Rは赤のみが存在し最も明るいことを意味し、GもBも発光しません。したがって、最も赤い値は 255,0,0 です。同様に、最も緑の値は 0,255,0、最も青の値は 0,0,255 です。黄色はさらに特殊で、赤と緑を足して 255、255、0 になります。
RGB モードは、モニターの物理カラー モードです。これは、ソフトウェアでどのカラー モードが使用されていても、モニタに表示される限り、画像は最終的に RGB モードで表示されることを意味します。
■HSB
色は色相、彩度、明度の 3 つの要素に分けられます。英語では、H（色相）、S（彩度）、B（明るさ）のことを指します。彩度が低い色はグレーに近い色です。輝度が高いと明るい色、輝度が低いと暗い色、輝度が最も高いと純白、輝度が最も低いと純黒になります。一般に、明るい色は彩度が低く、明度が高く、暗い色は彩度が高く、明度が低くなります。