【光と色の三原色】RGBとCMYKの違いを超わかりやすく解説

知っているようで知らない『色』の仕組み。

「パソコンでデザインした鮮やかな色が、印刷するとなんだかくすんで見えた……」そんな経験はありませんか？実は、それこそが「光の色」と「インクの色」の大きな違い。

光の三原色は赤・緑・青のRGB、色の三原色はシアン・マゼンタ・イエローのCMYです。印刷で使うCMYKは、CMYに黒のKを加えたもの。光を重ねて色を作るディスプレイと、インクが光の一部を吸収する印刷物では、色の作り方が異なります。

RGBとCMYKの違いだけでなく色の仕組みまで、たくさんの図解とともに超わかりやすく解説します。

色の仕組みじゃなくて配色のコツが知りたいっていう人は『配色デザインのコツ7選　配色バランスとアイディアの出し方を徹底解説』をご覧ください。

まずは光の三原色RGBと色の三原色CMYを見てから、印刷で使うCMYKとの違いを解説していきます。

光の三原色RGBとは？ 色を作る仕組み

光の三原色とは『赤』『緑』『青』の3つの原色のことを指します。

この3色の光の強さを変えることで多くの色を表現できます。再現できる色の範囲は、色空間やディスプレイによって異なります。

光の三原色を使った色表現がRGB

光の三原色を利用した色の表現方法をRGBカラーモデルと言います。

RGBカラーモデルは主にディスプレイに利用されており、現代ではもっとも身近な色の表現手段の一つとなっています。

RGB 3色を重ねることで鮮やかな写真に

画像はピクセルの集合体なので1ピクセルごとにRGBカラーを確認できます。

RGBは混ぜるほど明るくなる『加法混色』

RGBの光を重ねると明るくなる仕組みを加法混色といいます。光の強さを弱めると暗くなります。

ディスプレイの場合は3色の光をMAXにしたときに「白」となり、オフにした時はすべての光が消え「黒」となります。

各色8bitのRGBは0〜255｜約1,677万色を表現

RGBを各色8bitで表す場合、赤・緑・青それぞれの数値は0〜255の256段階です。

この場合の表現幅は256×256×256=16,777,216色（約1,677万色）となり、多くの色を表現することが可能。

画像の色は上図のように赤、緑、青がどれだけの量含まれているかによって数値表現されています。

RGBは3原色すべてを100%にしたとき白となり、逆に全て0%にしたときに黒になります。

各色8bitのRGBは、最大値255を100%と考えると数値の大きさをイメージしやすいです。下の割合は数値上の目安で、実際の光の強さや見た目の明るさの割合とは異なります。

RGBの数値による色変化は下記のようになります。

色の三原色CMYとは？ 印刷で使うCMYKとの違い

色の三原色とは『シアン』『マゼンタ』『イエロー』の3色のこと。この3色をCMYと呼びます。

色の三原色は『絵の具の三原色』や『色材の三原色』とも呼ばれ絵の具やインクなどの塗料で利用されます。

CMYKは印刷で利用されるカラーモデル

色の三原色CMYに黒のKを加えたCMYKは、4色のインクで色を表現する方式です。主にカラー印刷で使われます。

業務用の印刷機だけでなく、一般的な家庭用プリンターのカラーインクの表記もCMYKになっていますね。

CMY・CMYKは光を吸収する「減法混色」

CMY・CMYKのインクは、当たった光の一部を吸収し、残って反射した光で色を見せます。

インクを重ねて目に届く光を減らしていく仕組みを減法混色と呼びます。

理想的な色の三原色CMYは、それぞれ次の光を吸収します。

インクや塗料は光の吸収によって色を変化させています。

光の一部を吸収し、残りを反射することで色が見える仕組みは、身の回りの物体にも見られます。

例えば赤いリンゴは、青や緑の光を吸収し、赤い光を多く反射するため赤く見えるというわけですね。

色の三原色CMYの混色

理想的なCMYの混色では、各色が赤・緑・青のいずれかの光を吸収するため、2色を重ねることで赤・緑・青を表現できます。

このようにCMYを組み合わせると多くの色を表現できます。ただし、実際のインクは理想どおりに光を吸収しないため、印刷では黒のKも加えます。

CMYだけでも黒が作れるのに何故Kが必要なの？

色の三原色に黒を追加してCMYKとしている理由は主に3つあります。

• 綺麗な黒を表現するため
• インクコストを下げるため
• 印刷トラブルを防ぐため

理論上はCMYの3色を重ねると黒になりますが、実際のインクでは濁った色になり、十分に締まった黒を出しにくくなります。

また、黒を使うたびに3色をたくさん使う事になるのでインク代がかさんでしまい経済負担が大きくなってしまったりインク量が増えることで乾燥しにくくなったり紙に裏写りしてしまったりとトラブルが多く発生してしまいます。

このような理由からK(black)が追加されています。

CMYKで注意したい黒の扱い

DTP印刷で『黒』を扱う際に注意したい事が3つあります。

CMYKで表現する黒には下記のような種類があり、それぞれメリット・デメリットがあるので覚えておきましょう。

黒印刷	配合比率	シチュエーション	デメリット
スミベタ	K100%	文字や線など細かいもの	広範囲のベタ塗りには向かない
4色ベタ	CMYK各100%	使用しない	インク量過多により滲みや裏写り
リッチブラック	例：CMY各40% / K100%	深い黒を表現したいもの	細かいものは色ズレの可能性あり

覚えておくべきことは3つ

リッチブラックの配合は一例です。
配合やインク総量の上限は印刷条件で変わるため、入稿先の印刷会社の指定を優先してください。

RGBとCMYKの違い｜画面と印刷で色が変わる理由

ディスプレイは光の三原色RGB、カラー印刷は色の三原色CMYに黒を加えたCMYKを使います。

ここからはRGBとCMYKの具体的な違いについてRGBとCMYKを比較しながら詳しく解説していきます。

RGBとCMYKの違いを表で比較

RGBとCMYKの違いを表にまとめると下記のようになります。

比較項目	RGB	CMYK
性質	光源色	物体色
表現方式	加法混色	減法混色
使用用途	ディスプレイ	印刷物
再現できる色の範囲	色空間・ディスプレイによって異なる	インク・用紙・印刷条件によって異なる

CMYKは光の三原色と違い、物質に色を付与し、反射した光で色を表現する仕組みなのでインクが直接光を発しているわけではありません。

そのため最大の違いが「ディスプレイ」か「印刷物」という違いになります。

光と色の三原色が違う理由｜加法混色と減法混色

光の三原色と色の三原色が違うのは、光を加えるか、光の一部を吸収するかが違うためです。RGBは赤・緑・青の光を重ね、CMYはそれぞれ赤・緑・青の光を吸収します。

PC画面と印刷物の色の違い

現代ではコンピュータでデザインから印刷までを行うDTPといわれる手法が主流になっていますが、PCディスプレイと印刷物のカラー表現方式は全くの別物。

PCの画面上ではRGBで表示されていますが、インクや印刷機はCMYKのためPC上の色と印刷物の色に差異が生まれます。

カラープロファイルは、色の数値がどのような色を表すかや、機器・印刷条件ごとの色の再現特性を定義するデータです。カラーマネジメントは、このデータを使って画面や印刷物の色の差を調整する仕組みです。

RGBとCMYKの色空間の違い

上図は国際照明委員会（CIE）のXYZ表色系に基づくxy色度図で、色の範囲の違いを示した模式図です。三角形はAdobe RGBとsRGB、白い多角形はCMYKの色域を示しています。

このように、再現できる色の範囲を色域と呼びます。同じRGBでもAdobe RGBとsRGBでは範囲が異なり、CMYKの色域もインク・用紙・印刷条件で変わります。図のCMYKの線がすべての印刷に当てはまるわけではありません。

画面で表示できる鮮やかな色の中には、通常のCMYK印刷では再現しにくい色があります。画面では鮮やかだった色が、印刷するとくすんで見えるのはこのためです。

色の仕組みを知れば色がもっと身近に

これら2つの色の仕組みを理解しておけば色がもっと身近になり楽しくなりますよ。

RGBとCMYKの違いはデザイナーはもちろん、ノンデザイナーでも知っておいて損はありません。

しっかりと色について理解を深めておきたいですね。

色の三属性についても知っておこう

三原色が色を作るための基本の色なのに対し、三属性は色を分類・調整するときの3つの性質です。

この3属性の組み合わせによって色を表現しています。

明度と彩度を組み合わせたトーン、色相による色味の変化など、デザインには欠かせない三属性については別記事にて解説。

トーンによって印象や組み合わせの相性が異なる

前述した「明度」「彩度」の2つの組み合わせによって作られるトーン（色調）は下図のようになっています。

トーンによって印象が大きく異なるので「元気がでるトーン」や「やさしいトーン」など色調で色を選ぶ方法もあります。

色の組み合わせはAdobe Colorを使おう

色を扱う上で外せないのが色の組み合わせ。

奥が深くむずかしい色合わせですが、ツールを使えば超かんたんに素敵な配色が作れちゃいます。

配色ツールはたくさんありますが数ある中でも無料で使えるプロ御用達のAdobe Colorが最適。

無料で使える配色サービス

自分でうまく配色できるようになるコツもあります

色の配色はバランスだけでなく最適な色を選ぶための知識も必要になります。

ツールを使ってサクッと色を選ぶのもいいですが、デザイナーに興味がある人は論理的な色の選び方も知っておきましょう。

下記の記事で配色のコツをわかりやすく解説してます。

色を使う際は心理効果も意識しよう

色には印象を与える効果だけでなく五感に直接作用する効果もあり、デザインには欠かせない要素となっています。

なぜその色を使ったのか言語化できるよう、色の特徴と心理効果を理解しておきましょう。