こんにちは、ツバサです。
ECサイト用に作った商品画像を、チラシに使うために印刷会社に渡したら「色がくすんで見える」と言われた。画面ではきれいな青だったのに、刷り上がりを見たら確かにどこか沈んだ色になっていた。原因を調べたら「RGBとCMYKの違い」に行き着いたので、わかったことをメモしておく。
RGBとCMYKとは
ひとことで言うと、色を表現するための2つの方式だ。RGBは画面表示用、CMYKは印刷用の色の作り方になる。
Adobeの公式解説ページによると、RGBはRed（赤）・Green（緑）・Blue（青）の光の三原色を混ぜて色を作る方式で、パソコンやスマホの画面はこの方式で色を表示している。3色の光を全部混ぜると白になる「加法混色」と呼ばれる仕組みだ。
一方、CMYKはCyan（シアン）・Magenta（マゼンタ）・Yellow（イエロー）・Key Plate（黒）の4色のインクで色を作る方式。印刷機はこの4色のインクを紙に重ねて色を再現している。インクを混ぜるほど暗くなる「減法混色」という仕組みになる。
グラフィックの入稿ガイドにも書いてあったが、RGBで表現できる色の範囲（色域）はCMYKより広い。特に鮮やかな青や緑、蛍光色に近い色はRGBにはあるがCMYKでは再現できない。だからRGBで作ったデータをそのまま印刷すると、画面で見ていた色と違ってくるわけだ。
| 項目 | RGB | CMYK |
|---|---|---|
| 用途 | 画面表示（Web・スマホ・テレビ） | 印刷（チラシ・パンフ・名刺） |
| 色の作り方 | 光を混ぜる（加法混色） | インクを重ねる（減法混色） |
| 色数 | 3色（赤・緑・青） | 4色（シアン・マゼンタ・黄・黒） |
| 色域 | 広い | RGBより狭い |
| 全色混合時 | 白になる | 暗い茶色になる（黒にはならない） |
EC実務で出てくる場面
EC担当をしていると、RGBとCMYKの違いを意識する場面がたまにある。僕が遭遇したケースを書いておく。
Web用画像を印刷に流用するとき
冒頭に書いたとおり、ECサイト用に作った画像をそのまま印刷に使うと色味が変わる。ナツナの印刷データガイドでも解説されていたが、とくに鮮やかな色味の商品（アパレルの蛍光カラーなど）は差が目立ちやすい。チラシや商品カタログを作るときは、印刷会社にデータを渡す前にCMYKに変換しておくのが安全だ。
印刷会社から「CMYKで入稿してください」と言われたとき
僕は最初「カラーモード」の意味がわからなくて戸惑った。ウェーブの入稿ガイドによると、RGBのまま入稿すると印刷所側で自動変換されるが、意図しない色味になることがある。だから事前にPhotoshopやIllustratorでCMYKに変換して、画面上で色を確認してから入稿するのが基本らしい。
商品の色味をWebと印刷物で揃えたいとき
ECサイトの商品画像と紙のカタログで、同じ商品なのに色が違って見えるとクレームの原因になる。完全に一致させるのは難しいが、印刷前に色校正（テスト印刷）を出してもらうと、ある程度の調整はできる。日本印刷産業連合会のカラーマネジメントガイドにも、印刷と画面の色を近づけるための基本的な考え方が紹介されていた。
覚えておきたいポイント
ECサイト用の画像はRGBで作る
WebブラウザはRGB形式の画像しか正しく表示できない。CMYK形式のJPEGをアップロードすると、ブラウザによっては色がおかしく表示されることがある。ECサイトに掲載する商品画像は、必ずRGBモードで保存する。商品画像のサイズや形式のルールはECサイト商品画像ルールまとめにまとめてある。
印刷にも使うなら元データはRGBで保管
RGBからCMYKへの変換は可能だが、CMYKからRGBに戻しても失われた色域は復活しない。だから元の画像データはRGB形式で保管しておいて、印刷が必要になったときにCMYKに変換するのが正解だ。PhotoshopのPSD形式やTIFF形式なら、レイヤーや色情報を保ったまま保存できるので、元データの保管に向いている。
モニターのキャリブレーションも関係する
RGBとCMYKの違いだけでなく、そもそもモニターの色が正確でなければ、画面上で見ている色自体がズレている可能性がある。厳密に色を合わせたい場合は、モニターのキャリブレーション（色合わせ）をした上でCMYK変換するのが理想だと調べていてわかった。ただ、EC担当レベルでそこまでやる必要があるかというと、よほど色にシビアな商品でなければ気にしすぎなくて大丈夫だと思う。
