RGB(アール・ジー・ビー)とは、赤(Red)・緑(Green)・青(Blue)という光の三原色を組み合わせて、あらゆる色を表現する仕組みのことです。テレビやパソコンのディスプレイ、スマートフォンの画面など、自ら光を発して色を表示するあらゆる機器で採用されている、色の基本原理です。
現実世界に例えると、RGBは3色のスポットライトを1点に重ねて色を作る舞台照明のようなものです。赤と緑のライトを重ねると黄色に、3色すべてを最大の明るさで重ねると白い光になります。
なぜ赤・緑・青の3色なのか
人の目の網膜には、赤・緑・青の光を感じ取る3種類のセンサー(錐体細胞)が備わっており、この3色の組み合わせだけで、人が知覚できるほとんどの色を再現できます。RGBは、人間の視覚の仕組みに合わせて選ばれた色の表現方式です。
各色の強さと数値
| 色 | 数値の範囲 | 意味 |
|---|---|---|
| R(赤) | 0〜255 | 赤の光の強さ |
| G(緑) | 0〜255 | 緑の光の強さ |
| B(青) | 0〜255 | 青の光の強さ |
光を足すほど明るくなる「加法混色」
RGBは、色を重ねるほど明るさが増していく「加法混色」という仕組みを採用しています。3色すべてを0(発光なし)にすると黒、すべてを255(最大の強さ)にすると白になるという、絵の具とは逆の性質を持っています。
CMYKとの違い
紙への印刷で使われる「CMYK」は、インクを重ねるほど暗くなる仕組みであるのに対し、RGBは光を重ねるほど明るくなる、正反対の原理を持っています。画面ではきれいに見えた色が、印刷すると沈んで見えるのは、この根本的な仕組みの違いによるものです。
色の深さを表す「ビット数」
各色を256段階(8ビット)で表現する方式は「24ビットカラー」または「フルカラー」と呼ばれ、約1677万色を表現できます。近年は、より滑らかな階調を再現できる10ビットなど、さらに色の段階を細かくした表示にも対応が進んでいます。
透明度を加えた「RGBA」
通常のRGBに、「A(アルファ)」という透明度の情報を加えたものが「RGBA」です。0〜1の数値や割合で透明度を指定でき、背景を透かして見せたい場合など、Webデザインの現場で広く活用されています。
色空間という考え方
同じRGBの数値でも、「sRGB」や「Adobe RGB」といった色空間(色の再現範囲の基準)によって、実際に表示される色味がわずかに異なることがあります。写真や映像を扱うプロの現場では、この色空間の違いを意識した作業が求められます。
日常での活用場面
Webサイトのデザインツールやペイントソフトのカラーピッカーでは、多くの場合RGBの数値を直接入力して色を指定できます。「R:255 G:0 B:0」であれば純粋な赤、というように、数値から色を組み立てる考え方はデザイン作業の基本になっています。

コメント