1. RGBカラーモードの基本原理
RGBカラーモードは、モニターやテレビなどの電子表示装置の中核となる色彩体系であり、その本質は赤色(Red)、緑色(Green)、青色(Blue)の三色光を異なる割合で混合し、人間の視覚が感知可能なすべての画面色を表現することです。
1.1 色光混合の基本論理
- ルーペでコンピュータやテレビの画面を観察すると、密集して分布する赤、緑、青の三色小さな点(最小表示単位)が見えます。すべての画面画像はこの三色光の調和によって構成されています。
- この三色光は「三原色光」と呼ばれ、中華料理における砂糖、塩、味の素に例えることができます。異なる料理は三つの調味料の割合を調整して異なる風味を表現し、異なる画像はRGB三色光の割合を調整して異なる色彩を表現します。
1.2 色光の明るさレベルと色彩総数
1.2.1 明るさの数値表現
RGB三色光の明るさは整数0-255で表され、全部で256段階です(注:0は「発光しない」、255は「最大明るさ」で、調光式デスクライトの「消灯」から「最大明るさ」の段階に似ています)。
1.2.2 色彩総数の計算
256段階の明るさを持つRGB三色光が組み合わせることで表現できる色彩総数は:
256(赤)× 256(緑)× 256(青)= 16,777,216色
この数値は一般的に「1600万色」や「千万色」と略称され、「24ビット色」とも呼ばれます(2^24 = 16,777,216のため)。
1.2.3 「8ビットチャンネル色」の意味
- ここでの「チャンネル」は単色光の明るさ範囲(つまり0-255)を指します。256 = 2^8であるため、各色光のチャンネルは「8ビットチャンネル」と呼ばれ、RGB三色光の組み合わせは「8ビットチャンネル色」です。
- コンピュータが2のべき乗で色彩数を表現するのは、コンピュータの基盤がバイナリ演算であるためで、2のべき乗の方がデータの保存と処理に便利です。
1.2.4 16ビットチャンネル色の補足説明
Photoshop CSバージョンから、ソフトウェアは「16ビットチャンネル色」(すなわち48ビット色)をサポートしています:
- 単色光の明るさ範囲は0-65535(2^16 = 65536段階)で、三色光の組み合わせで約281兆色(65536×65536×65536)を表現できます。
- 注意:人間の目が識別できる色彩数は24ビット色の1678万色に達しないため、16ビットチャンネル色の「より多くの色彩」は人間の視覚では明確な差異がなく、プロの画像後処理(高精度写真レタッチなど)でのみ時々使用されます。
1.3 チャンネルの「制御」属性
RGBカラーチャンネルは「見える画像要素」ではなく「色光の明るさを制御するツール」で、三台の調光可能なデスクライトの「調光ボタン」に例えることができます:
- 観客は最終的な画像色彩のみを感じ取ることができ、RGB三色光の混合過程を直接見ることはできません(映画の観客がプロットに注目し、監督の撮影指揮には注目しないのと同様です)。
- 注意:ここでの「カラーチャンネル」と後述のPhotoshopチュートリアルの「画像チャンネル」の概念は完全に同じではなく、区別して理解する必要があります。
2. PhotoshopにおけるRGBカラーモードの実操作手順
Photoshopを通じてRGB色彩を直感的に観察・調整できます。以下が主要な操作フローです:
2.1 画像を開く3つの方法
- メニュー操作:上部メニューバーの【ファイル】→【開く】をクリックし、対象画像ファイルを選択します。
- ショートカットキー:
CTRL+O(Windowsシステム)を直接押して、「開く」ダイアログボックスを素早く表示します。 - ドラッグインポート:Windowsフォルダから画像ファイルをPhotoshopウィンドウに直接ドラッグします。PSウィンドウが隠れている場合は、タスクバーのPSアイコンにドラッグし、ウィンドウが表示されたら中に移動します。
2.2 「情報パネル」でRGB数値を観察する
- パネルを表示:ショートカットキー
F8を押すか、メニュー【ウィンドウ】→【情報】で「情報パネル」を開きます。 - 数値を観察:画像内でマウスを移動すると、パネル内のR、G、B数値がリアルタイムで変化します ——
- マウスを青色領域に移動:B(青色)数値が高い;
- マウスを赤色領域に移動:R(赤色)数値が高い。
2.3 「カラーパネル」でRGB色彩を調整する
- パネルを表示:ショートカットキー
F6を押して「カラーパネル」を開きます。 - RGBモードに切り替え:パネルがデフォルトでRGB表示でない場合、パネル右上の小さな三角形をクリックし、ポップアップメニューで【RGBスライダー】を選択します。
- 前景色と背景色:
- パネル中の左側カラーブロックが「前景色」、右側が「背景色」;
- Photoshopのデフォルト前景色は黒色、背景色は白色で、ショートカットキー
Dを押すと素早くデフォルトカラーに戻ります。
3. RGB数値と一般的な色の対応関係
RGB数値を通じて色を正確に定義できます。以下は6つの基本色の数値と原理です:
| 色 | RGB数値 | 原理説明 |
|---|---|---|
| 純黒 | 0, 0, 0 | 三色光とも発光しない(明るさ0) |
| 純白 | 255, 255, 255 | 三色光とも最大明るさ(255) |
| 純赤 | 255, 0, 0 | 赤色光のみ発光(最大明るさ)、緑・青色光は発光しない |
| 純緑 | 0, 255, 0 | 緑色光のみ発光(最大明るさ)、赤・青色光は発光しない |
| 純青 | 0, 0, 255 | 青色光のみ発光(最大明るさ)、赤・緑色光は発光しない |
| 純黄 | 255, 255, 0 | 赤色光+緑色光(ともに最大明るさ)、青色光は発光しない |
3.1 重要な疑問:RGBに「黄色」オプションがない理由は?
RGBは「色光混合体系」であり、黄色は基本色光ではなく「青色を減らす」ことで実現されます:
- 「色相環」(赤→橙→黄→緑→青→青紫→紫、頭尾を接続して環状)から:黄色と青色は「補色」であり、黄色に近づくと青色から離れることになります。
- 原理式:黄色 = 白色 - 青色(白色はRGB全点灯、青色光を減らすと残りの赤+緑が混合して黄色になる)ため、純黄色のRGB数値は255,255,0です。
3.2 色味の判断(画面表示シーン)
画面画像が黄色っぽい場合、「黄色光が多すぎる」のではなく「青色光が少なすぎる」のです——B(青色)数値を増加して補正する必要があります。同様に、赤っぽい場合はG/B数値を増加し、青っぽい場合はR/G数値を増加します。
4. RGB色彩の補色(反転色)
4.1 補色の定義
色相環図で、180度の角度を挟む二つの色(つまり環状直径の両端の色)は「補色」(反転色)と呼ばれ、「此消彼長」の関係にあります(シーソーのようで、同時に二つの補色に近づくことはできません)。
4.2 三原色光の補色対応
- 赤色 ↔ シアン色
- 緑色 ↔ マゼンタ色
- 青色 ↔ 黄色
4.3 補色の計算方法
任意の色の補色は「255から元のRGB数値を引く」ことで計算できます: 例:黄色のRGB数値は255,255,0で、その補色は以下の通り計算されます ——
- R:255 - 255 = 0
- G:255 - 255 = 0
- B:255 - 0 = 255 結果は0,0,255、すなわち「純青色」で、色相環で「青色は黄色の補色」という結論と一致します。
5. RGBカラーモードの応用優位性
RGBモードはディスプレイの物理的カラーモードであり、これは以下のことを意味します:
- ソフトウェアでCMYK、Labなどの他のカラーモードを使用しても、画面に表示される際にはすべてRGBモードに変換される必要があります;
- Photoshopで直接RGBモードを使用して操作すれば、コンピュータは追加の色変換処理を行う必要がなく、理論的には効率が高くなります(日常使用では速度差は明確ではありませんが、プロのレタッチでは計算能力を節約できます)。