切り抜きくん 
「画面では綺麗な赤なのに印刷したら暗いオレンジになった」——その原因はカラーモード
ECサイト用に作成した商品画像をカタログ印刷に使ったら、色が全然違う仕上がりになってしまった——こうした経験を持つEC担当者・DTPオペレーターは少なくありません。この問題の多くは、RGBとCMYKというカラーモードの違いを理解していないことが原因です。
ECサイトでの表示はRGB（光の三原色）、印刷はCMYK（インクの四色）という異なる色の仕組みを使っています。この2つの仕組みの違いを理解することで、画面と印刷物で色が変わってしまうトラブルを未然に防げます。
この記事では、CMYKとRGBの仕組みの違いから、商品画像への具体的な影響、そして正しいカラーモード変換の方法まで詳しく解説します。
<!– IMAGE_PLACEHOLDER: RGBとCMYKのカラーモデル図解（加法混色と減法混色） –>
RGBとは——光の三原色による色表現
RGBの仕組み
RGB（Red・Green・Blue）は、光の三原色を組み合わせて色を表現する方式です。赤・緑・青の光をそれぞれ0〜255の256段階で調整し、混ぜ合わせることで色を作ります。
| 色の組み合わせ | 結果 |
|---|---|
| R:255 G:0 B:0 | 純粋な赤 |
| R:0 G:0 B:255 | 純粋な青 |
| R:255 G:255 B:0 | 黄色 |
| R:255 G:255 B:255 | 白（全色最大） |
| R:0 G:0 B:0 | 黒（全色最小） |
RGBは「加法混色」と呼ばれます。色を混ぜるほど明るくなり、すべての色を最大にすると白になります。これはディスプレイやスマートフォン画面が「光を放射する」仕組みと一致しています。
RGBが使われる場面
- パソコン・スマートフォンのディスプレイ
- ECサイト・Webサイト・SNS
- デジタルカメラ・スキャナの出力
- 動画・映像コンテンツ
商品の写真撮影時、カメラはRGBで記録します。撮影した画像をそのままECサイトにアップロードする際はRGBのままで問題ありません。
CMYKとは——インクの四色による色表現
CMYKの仕組み
CMYK（Cyan・Magenta・Yellow・Key/Black）は、4種類のインクを使って色を表現する方式です。シアン（水色）・マゼンタ（赤紫）・イエロー（黄）・ブラック（黒）の4色を重ねることで色を作ります。
| 色の組み合わせ | 結果 |
|---|---|
| C:0 M:100 Y:100 K:0 | 赤 |
| C:100 M:0 Y:100 K:0 | 緑 |
| C:0 M:0 Y:100 K:0 | 黄色 |
| C:0 M:0 Y:0 K:0 | 白（インクなし） |
| C:0 M:0 Y:0 K:100 | 黒 |
CMYKは「減法混色」と呼ばれます。インクは光を吸収することで色を作るため、混ぜるほど暗くなります。また白はインクを使わない（紙の白）ことで表現します。
CMYKが使われる場面
- 商業印刷（カタログ・チラシ・パッケージ）
- 雑誌・書籍
- 広告・ポスター
- 名刺・ショップカード
印刷用データはCMYKでなければならないという制約は、印刷業界では常識です。RGBのままデータを入稿すると、印刷会社側でCMYKに変換されますが、その際に意図しない色変化が起きることがあります。
なぜRGBとCMYKで色が違って見えるのか
カラーガモット（色域）の違い
RGBとCMYKが異なる色を表現してしまう最大の理由は、「表現できる色の範囲（カラーガモット）」が異なるためです。
RGBは光の混合なので、非常に鮮やかな色（特に鮮やかな赤・青・緑）を表現できます。一方CMYKはインクの混合なので、表現できる色の範囲がRGBより狭くなります。
CMYKで表現しにくい色の例
- 鮮やかなオレンジ・赤（特にR:255 G:60 B:0のような蛍光系）
- 鮮やかな緑・青緑
- 明るいピンク・紫
これらの色はRGBモニターでは鮮やかに見えても、CMYKに変換すると少し暗く・くすんだ色になります。
変換時の色変化の具体例
| 商品の色 | RGBでの見え方 | CMYKに変換後 |
|---|---|---|
| 赤いパッケージ | 鮮やかな赤 | やや暗いオレンジがかった赤 |
| 青い商品 | 鮮やかな青 | くすんだ紺に近い色 |
| 緑のロゴ | 明るい緑 | 少し暗い緑 |
| 肌色 | 自然な肌色 | 変化は比較的少ない |
| 白（背景） | 純白 | 紙の白で表現（同等） |
商品画像に与える具体的な影響
ECサイトとカタログで商品の色が違って見える問題
最も多いトラブルは、「ECサイトとカタログで同じ商品なのに色が違う」というケースです。ECサイト用のRGB画像をそのまま印刷会社に入稿すると、印刷会社の変換処理によって色が変わってしまいます。
この問題を防ぐためには、印刷用にはCMYKに変換した専用データを用意することが基本です。
白背景の切り抜き画像での注意点
背景を白に切り抜いた商品画像は、RGB（R:255 G:255 B:255）では完全な白ですが、CMYKに変換すると（C:0 M:0 Y:0 K:0）の「インクゼロ＝紙の白」として表現されます。この変換自体は正確ですが、問題になるのは商品本体の色が変わることです。
切り抜き加工を依頼する際、「ECサイト用にRGB/PNG」「カタログ用にCMYK/TIFF」と分けて指定することで、この問題を回避できます。
色調補正との関係
商品画像の色調補正（明るさ・コントラスト・彩度の調整）は、カラーモードによって結果が異なる場合があります。RGB向けに色調補正した画像をCMYKに変換すると、補正の効果が変わることがあるため、印刷用には最初からCMYKモードで色調補正を行うことが理想的です。
<!– IMAGE_PLACEHOLDER: 同じ商品画像のRGB表示とCMYK変換後の比較（赤い商品を例に） –>
正しいカラーモード変換の方法
Photoshopでの基本的なカラーモード変換
Photoshopを使ったRGB→CMYKの変換手順は以下のとおりです。
- ファイル→開く（RGB画像を開く）
- イメージ→カラーモード→CMYKカラーを選択
- カラープロファイルの変換ダイアログが表示される
- 「プロファイルを変換」を選択してOK
- 変換後の色確認を行い、必要に応じて微調整
- TIFFまたはEPS形式で保存
カラープロファイルの選択
CMYKへの変換時に使用するカラープロファイルは、印刷会社の指定に合わせることが重要です。日本国内の商業印刷でよく使われるプロファイルは以下のとおりです。
- Japan Color 2001 Coated：コート紙（光沢紙）への印刷向け
- Japan Color 2001 Uncoated：上質紙（非コート紙）向け
- Japan Color 2011 Coated：新しい規格のコート紙向け
印刷会社にプロファイルの指定がある場合は、その指定に沿って進めましょう。
変換後の色確認のポイント
CMYKに変換した後は、以下の点を確認しましょう。
- 鮮やかな赤・青・緑が意図どおりの色になっているか
- 細部のグラデーションが自然に見えるか
- 影の部分が「富士山形」になっていないか（CMYKの総インク量が上限を超えていると発生）
EC担当者が知っておくべき実践的な対処法
用途別にデータを管理する
商品画像を管理する際は、用途別にフォルダを分けて管理することをおすすめします。
商品画像フォルダ/
├── 001-商品名/
│ ├── master-rgb.tiff（マスターデータ・RGB）
│ ├── web-rgb.jpg（ECサイト用・JPEG圧縮）
│ ├── print-cmyk.tiff（印刷用・CMYK変換済み）
│ └── transparent-rgb.png（透過PNG・Web用）
切り抜き代行に依頼する際の指定方法
切り抜きを代行業者に依頼する際は、カラーモードと用途を明確に伝えることが重要です。
- EC用（Web）：「RGB、JPEG形式、背景白（R:255 G:255 B:255）で納品してください」
- 印刷用：「CMYK、TIFF形式、クリッピングパス付きで納品してください」
切り抜きくんでは、用途に応じたカラーモードでの納品に対応しています。2009年の創業以来、約17年にわたってEC事業者・印刷会社からの依頼を数多く手がけてきた実績があります。詳しくはお問い合わせください。
FAQ
Q1. カメラで撮影した商品写真はRGBとCMYKのどちらですか？
A. デジタルカメラで撮影した画像は、基本的にRGBです。印刷に使用する場合は、PhotoshopなどでCMYKに変換する必要があります。
Q2. CMYKに変換すると色は変わりますか？
A. 色の変化の度合いは元画像の色によって異なります。肌色・茶色・落ち着いた色系は変化が少なく、鮮やかな赤・青・緑は変化が大きくなりがちです。変換後に色確認を行い、必要に応じて微調整することをおすすめします。
Q3. ECサイト用の画像はCMYKにする必要がありますか？
A. ECサイト（Web）用の画像はRGBで問題ありません。CMYKはあくまで印刷用です。WebブラウザはRGBを基準に表示するため、CMYK画像をWeb上で表示するとブラウザが自動変換しますが、その際に色が変わることがあります。
Q4. 総インク量（TAC値）とは何ですか？
A. CMYK各色の値の合計が「総インク量」（TAC値：Total Area Coverage）です。商業印刷ではこの値が上限（通常300〜350%）を超えると、インクが乾かずにべたつく問題が発生します。Photoshopの「色域外警告」でこの上限超えを確認できます。
Q5. 切り抜き代行にCMYK変換も同時にお願いできますか？
A. はい、対応しています。切り抜き加工と同時にカラーモード変換をご依頼いただくことで、別途変換の手間を省けます。詳しくはお問い合わせください。
まとめ——カラーモードの違いを理解して商品画像の色管理を適切に
CMYKとRGBの違いは、EC担当者・DTPオペレーターにとって必須の基礎知識です。画面で綺麗に見えた商品の色が印刷物で変わってしまう原因のほとんどは、このカラーモードの違いから来ています。
用途に応じてカラーモードを使い分け、切り抜き代行に依頼する際も「Web用RGB」「印刷用CMYK」を明確に指定することで、色のトラブルを防ぐことができます。
まずは無料サンプルで仕上がりをご確認ください。
関連記事
まずは無料サンプルで仕上がりをご確認ください。