RGBとCMYKの違いとは？デザイナーが図解でわかりやすく解説

「モニターで見たらきれいな色だったのに、印刷したら全然違う色になった」—デザインを始めたばかりの頃、そんな経験をした人は多いはず。

その原因はほぼ間違いなく、RGBとCMYKの違いにあります。この2つを理解しておくだけで、色の扱い方に対する自信がまったく変わります。

この記事では、RGBとCMYKの仕組みと使い分けの基本を、現場目線でわかりやすく解説します。

結論：RGBは光、CMYKはインク。用途がそもそも違う

RGBはモニター・Web用の色モード。CMYKは印刷用の色モード。用途が違うので、制作を始める前にどちらで作るかを決めることが大切です。

ひとことで言うと、RGBは「光を混ぜて色を作る」仕組みで、CMYKは「インクを重ねて色を作る」仕組みです。色の作り方がそもそも違うので、互いに変換すると色が変わることがあります。

RGBとは、Red（赤）・Green（緑）・Blue（青）の頭文字をとった色の表現方式です。光の三原色を組み合わせて色を作ります。

テレビ・スマートフォン・パソコンのモニターは、この仕組みで色を表示しています。光を足せば足すほど明るくなり、すべてを最大にすると白になる—これを加法混色といいます。

NOTE

RGBのイメージ｜暗い部屋で赤・緑・青のライトを同時に照らすと、重なった部分が白く明るくなるイメージ。光を足すほど明るくなる＝加法混色。

RGBはWeb・SNS・動画・アプリなど、画面上で見せるコンテンツすべてに使われます。IllustratorやPhotoshopを新規作成するとき、デフォルトがRGBになっているのはそのためです。

CMYKとは、Cyan（シアン）・Magenta（マゼンタ）・Yellow（イエロー）・Key（ブラック）の頭文字をとった色の表現方式です。印刷で使われる4色のインクを組み合わせて色を作ります。

インクを重ねると色が暗くなっていき、すべてを混ぜると黒に近づく—これを減法混色といいます。ちなみにKはBと混同しないよう「Key Plate（版）」のKが使われています。

NOTE

CMYKのイメージ｜絵の具を混ぜるほど暗くなるイメージ。インクを重ねるほど暗くなる＝減法混色。チラシ・パンフ・名刺など紙に印刷するものはすべてこの仕組みで色を再現しています。

チラシ・パンフレット・名刺・パッケージなど、紙に印刷するものはすべてCMYKが必要です。Illustratorで印刷物を作るときは、最初からCMYKモードで始めるのが基本です。

最大のポイントは色域の広さです。RGBのほうが表現できる色の範囲が広く、鮮やかな青やオレンジなどはRGBにしか存在しない色です。CMYKに変換すると、こういった色がくすんだり暗くなったりします。

「モニターで見た色＝印刷で出る色」にはならない。印刷物を作るなら最初からCMYKで設計するのが、色ズレを防ぐ一番の近道。

RGBで制作した印刷データをそのまま入稿してしまった印刷所で自動変換がかかり、意図しない色になることがある。入稿前に必ず自分でCMYKに変換して確認を。
Illustratorのカラーモードを確認していなかった「ファイル」→「ドキュメントのカラーモード」でいつでも確認できる。新規作成時に印刷用ならCMYKを選ぶ習慣をつけよう。
WebサイトのブランドカラーをそのままIllustratorに貼ったWeb用のHEXコードはRGB値。印刷に使うにはCMYKへの変換が必要。コーポレートカラーは特に注意。
CMYKに変換したら色が全然違ったRGBで鮮やかに見えていた色はCMYKで再現できないことがある。最初からCMYKで色を選ぶと失敗が減る。

このサイトの無料ツール

RGBの数値を入力するだけでCMYKに即変換。変換後の色もその場でプレビューできます。
インストール不要、データはブラウザに自動保存。

RGBはモニター用、CMYKは印刷用。最初に用途を決めてからカラーモードを選ぶだけで、色ズレの9割は防げる。

RGBとCMYKの違いを一度理解してしまえば、「色が変わった！」という焦りはほぼなくなります。制作を始める前にカラーモードを確認する習慣だけで、仕上がりの精度が大きく変わります。

くすんだ色になる原因をもっと詳しく知りたい方は「印刷したら色がくすんだ…原因はRGB→CMYKの変換にあった」も読んでみてください。変換の具体的なやり方は「RGB→CMYKの変換方法｜Illustratorとツールで確実に変換する」で解説しています。

jun

グラフィックデザイナー歴8年。印刷・広告・パッケージを中心に活動。制作現場で感じた「ちょっとした不便」を解消するツールを作り、このサイトで公開しています。