デザインをはじめると必ず出てくる「RGB」と「CMYK」という2つのカラーモード。どちらも「色を表す方式」ですが、仕組みがまったく異なります。
RGBとCMYKの違いを一言でいえば、「光で色を作る（RGB）」か「インクで色を作る（CMYK）」かです。この根本的な違いが、「画面で見た色と印刷物の色がなぜ違うのか」という悩みの核心です。
本記事では、加法混色・減法混色の仕組みから、K（黒）がなぜ必要か、色域の差、用途別の使い分けまでを体系的に解説します。
RGBとCMYKの仕組みと違い
RGBとは｜光の三原色・加法混色
RGBは、R（Red・赤）、G（Green・緑）、B（Blue・青） の3色の光を組み合わせて色を表現する方式です。パソコンのディスプレイ、スマートフォン、テレビなど、光を発する機器はすべてRGBで動作しています。
光を混ぜると色が「明るくなる」性質を利用した加法混色と呼びます。
- 赤＋緑＝黄
- 赤＋青＝マゼンタ（明るい紫）
- 緑＋青＝シアン（水色）
- 赤＋緑＋青＝白
- すべて0（光なし）＝黒
「光を足すと白になる」のは、3色の光が網膜の錐体細胞（赤・緑・青に反応する）を同時に刺激するためです。光を全部消した状態が「黒」です。
各チャンネルは0〜255の整数値で表します。WebデザインではRGB値を16進数で書いた「HEXコード」（例：#FF0000＝赤）も使います。
CMYKとは｜インクの四原色・減法混色と「K=黒」の理由
CMYKは、C（Cyan・シアン）、M（Magenta・マゼンタ）、Y（Yellow・黄）、K（Key＝黒） の4色のインクを組み合わせる方式です。商業印刷・同人誌・チラシなど、紙に印刷するあらゆる場面で使われます。
インクは「光を吸収して残った色を反射する」性質があり、重ねるほど光が吸収されて暗くなる減法混色です。
- シアン＋マゼンタ＝青
- シアン＋黄＝緑
- マゼンタ＋黄＝赤
- CMY3色＝理論上は黒→実際はくすんだ暗褐色
「CMY3色を全部重ねれば黒になるのでは？」という疑問はもっともです。しかし実際にはなりません。理由は3つあります。
← 横にスクロールできます →
| 理由 | 詳細 |
|---|---|
| インクの不純物 | 市販インクは完全な純色でなく、混色すると濁った暗褐色になりやすい |
| コストの問題 | 3色を大量に使うより単色の黒インクの方が圧倒的に安い |
| にじみ・乾燥 | 3色を厚く重ねると紙が湿気を吸い、にじんだり乾燥が遅れる |
そのためK（黒）を独立して用意します。Kが"Key"と呼ばれるのは、印刷業界で黒版を「Key plate」と呼ぶ慣習から（BはBlueと紛らわしいためK使用）です。
CMYKの値は通常0〜100%のパーセントで表します。
加法混色と減法混色の比較表
← 横にスクロールできます →
| 項目 | RGB（加法混色） | CMYK（減法混色） |
|---|---|---|
| 原理 | 光を足すと明るくなる | インクを重ねると暗くなる |
| 混色の起点 | 黒（光ゼロ） | 白（紙の白） |
| 全色混ぜると | 白 | 理論上は黒（実際はK追加） |
| 使う場面 | 画面・ディスプレイ | 印刷・紙媒体 |
| 数値範囲 | 0〜255（8ビット） | 0〜100% |
色域（ガモット）の違い
RGBとCMYKでは再現できる色の範囲（色域・ガモット）が異なります。ディスプレイのRGBはCMYKより広い色域を持ち、CMYKで印刷できない鮮やかな色が多数存在します。
具体的には、蛍光系の緑・青、高彩度のオレンジ・赤など、画面で輝くような発色は印刷で再現が難しいです。これが「画面で見た色より印刷物の色が地味・くすんで見える」現象の正体です。
用途別の使い分けガイド
Webデザイン・UI/UX設計
→ RGB（sRGBカラープロファイル）
画面表示が目的なのでRGB一択です。CSSのカラーコード（#RRGGBBやrgb()）もRGBベースです。Figma・XD・Photoshop（Web用）は最初からRGBで作業しましょう。
商業印刷・同人誌・チラシ
→ CMYK
印刷会社への入稿データはCMYK形式が基本です。IllustratorやPhotoshopで「ドキュメントカラーモード：CMYK」で作業し、入稿前に色域外の色がないか確認します。
写真家・フォトレタッチ
→ 納品先に合わせる
Web・SNS向けならRGB（sRGBまたはAdobeRGB）。写真集・ポスター向けならCMYKに変換して確認。「AdobeRGB」の広色域データは印刷用変換の精度が上がります。
SNS・ブログ・プレゼン
→ RGB
デジタル媒体として表示されるものはすべてRGBです。PowerPoint・Keynote・CanvaなどもRGBで動作します。
家庭用インクジェットプリンター
→ RGBのまま渡してOK（自動変換される）
最近の家庭用インクジェット（エプソン・キヤノン等）はRGBデータをドライバーが自動的に多色インクへ変換します。家庭用プリンターならRGBファイルを直接使えます。
まとめ
RGBとCMYKの根本的な違いは、色を作る仕組みそのものにあります。
- RGB：光を足して色を作る（加法混色）→ 画面・ディスプレイ向け
- CMYK：インクを重ねて色を作る（減法混色）→ 印刷・紙媒体向け
- KはCMY3色だけでは完全な黒が出ないため、コスト・品質両面で独立追加された
- CMYKはRGBより色域が狭く、鮮やかな色ほど印刷で再現が難しい
デザインを始める段階で「最終的に画面で見せるのか、紙に印刷するのか」を確認し、作業カラーモードを合わせておくことで後からの色ずれを防げます。
色の混ぜ方の詳しい仕組みは「光と絵の具の三原色・混色シミュレーション」、カラーコードの相互変換は「HEX・RGB・HSL変換ツール」もあわせてどうぞ。
