この記事のポイント
書き出し形式の「色空間情報」の2つのチェックを確認
事前に「色域外警告」で確かめ、RGBのデータを残す
作業用スペースが変換の初期値になる
こんにちは！ユアムーン編集部です！
Adobe® Photoshop®（フォトショ）で整えた作品写真を書き出したら、「SNS に載せると色が違う」「CMYK にしたら色がくすんだ」ということはないでしょうか。原因の多くは、カラープロファイルの扱いと、RGB と CMYK の違いにあります。
この記事では、作例の画像（ポスターを壁に留めて撮った写真に見立てて、編集部が作成した画像）を使って、Web・SNS 用の書き出しと、印刷用の CMYK 変換で色が変わる理由と対処法を、実際の画面で解説します。
2026年10月、Adobe Photoshop 2026（バージョン 27.11.0）の Mac 版で手順を確認しています。バージョンや Windows 版、お使いのパソコンのカラー設定によって、表記や初期値が異なる場合があります。
色が変わる主な原因は2つ
- カラープロファイルの違い：同じ RGB の数値でも、どのカラープロファイルで解釈するかによって色の見え方が変わります。Web 上で表示する画像は sRGB にそろえるのが基本です。
- RGB と CMYK の色域の違い：画面で表示できる鮮やかな色の一部は、CMYK では再現できません。CMYK に変換すると、その色は再現できる色に置き換わります。
Adobe の公式ヘルプでは、Web 上でだけ表示されるドキュメントには sRGB カラースペースを使うことが勧められています。また、RGB から CMYK への変換では、色域外の RGB の色が CMYK の作業用スペースに再マッピングされ、カラー値が永続的に変更されると説明されています。
まず「カラー設定」で作業用スペースを確認する
「編集」→「カラー設定…」を開きます。今回の環境では、「設定：」が「一般用 – 日本2」、「作業用スペース」の「RGB：」が「sRGB IEC61966-2.1」、「CMYK：」が「Japan Color 2001 Coated」でした。CMYK に変換するときは、この「CMYK：」のプロファイルが使われます。
右下には「非同期：Creative Cloud アプリケーションが一貫したカラー設定に同期されていません。」と表示されていました。同じパソコンの Illustrator では、RGB の作業用スペースが「Adobe RGB (1998)」になっており、アプリごとに設定が異なっていました。Illustrator と Photoshop を行き来して作業する場合は、両方のカラー設定を確認しておくと、色のずれの原因を探しやすくなります。
Web・SNS 用に書き出すときの設定
「書き出し形式」の「色空間情報」を確認する
「ファイル」→「書き出し」→「書き出し形式…」を選ぶと、「書き出し形式」の画面が開きます。右側の一番下にある「色空間情報」に、「sRGB に変換」と「カラープロファイルの埋め込み」の2つのチェックボックスがあります。今回の環境では、どちらも初期状態でチェックが入っていました。
「形式：」を「JPG」にすると「画質：」のスライダーが表示されます。「色空間情報」の2つのチェックはそのままです。
「sRGB に変換」は、画像の色を sRGB に変換してから書き出す設定です。「カラープロファイルの埋め込み」は、書き出すファイルにプロファイルの情報を含める設定です。作例の写真を JPG で書き出したところ、ファイルには「sRGB IEC61966-2.1」のプロファイルが埋め込まれていました。Web・SNS 用の画像は、この2つにチェックを入れて書き出しておくと安心です。
なお、作例の画像はもともと sRGB で作ってあるため、今回は「sRGB に変換」の有無による見た目の違いは確認していません。Adobe RGB など、sRGB 以外のプロファイルの写真を Web 用に書き出すときのための設定です。
「Web 用に保存」ではプロファイルの埋め込みを確認する
以前からある「ファイル」→「書き出し」→「Web 用に保存…」でも書き出せます。今回の画面では、開いた直後の「画像形式」は「GIF」で、「sRGB に変換」にチェックが入っていました。
「画像形式」を「JPEG」にすると、「カラープロファイルの埋め込み」のチェックボックスが表示されます。今回の画面では、「sRGB に変換」にはチェックが入っていましたが、「カラープロファイルの埋め込み」のチェックは外れていました。プロファイルの情報を含めたい場合は、ここにチェックを入れます。
Adobe の公式ヘルプでは、「Web 用に保存」は従来からの機能（レガシー）として案内されています。新しく書き出す場合は「書き出し形式」を使うとよいでしょう。
印刷用に CMYK にするときの注意
「色域外警告」で、CMYK で再現できない色を確認する
CMYK に変換する前に、「表示」→「色域外警告」を選ぶと、CMYK で再現できない色が灰色で表示されます。作例では、ポスターの下の鮮やかな青い色面が灰色になりました。
Adobe の公式ヘルプでも、色域外の色を確認し、最も近い CMYK の色に置き換える方法が案内されています。確認できたら、もう一度「表示」→「色域外警告」を選んで表示を元に戻します。
「プロファイル変換」で CMYK に変換する
CMYK への変換は、「編集」→「プロファイル変換…」で行います。「ソースカラースペース」に今のプロファイル、「変換後のカラースペース」に変換先が表示されます。今回の画面では、変換後の「プロファイル：」が「作業用 CMYK – Japan Color 2001 Coated」、「マッチング方法：」が「知覚的」、「黒点の補正を使用」にチェックが入っていました。印刷会社から別のプロファイルを指定されている場合は、ここで選びます。
「OK」をクリックすると CMYK に変換されます。作例では、青い色面がくすんだ青に変わりました。ウィンドウのタブにも「CMYK/8」と表示されます。
「イメージ」→「モード」→「CMYK カラー」でも変換できます。今回の画面では、選ぶと「“Japan Color 2001 Coated” プロファイルを使用している CMYK に変換しようとしています。」という確認が表示され、ほかのプロファイルを選ぶには「プロファイル変換」を使うよう案内されました。
変換前と変換後の色を比べる
RGB のまま書き出した画像と、CMYK に変換してから書き出した画像を並べました（どちらも「sRGB に変換」で書き出しています）。青い色面は、RGB のままでは R0 G45 B224、CMYK に変換後は R30 G70 B157 になりました。
Adobe の公式ヘルプでは、カラーモードを変換するとカラー値が永続的に変更され、一部の詳細は復元できない場合があると説明されています。CMYK に変換したデータを RGB に戻しても、元の鮮やかな色には戻りません。CMYK に変換する前に、RGB のデータを別名で保存しておきましょう。Web・SNS 用の画像は、RGB のデータから書き出します。
RGB と CMYK の違いは、色彩設定の「RGB/CMYK/HSV」って結局何が違うの？でも解説しています。
よくある失敗と確認方法
- 印刷用に CMYK にしたデータを SNS にも使った：CMYK で再現できない鮮やかな色はくすんだままです。RGB のデータから書き出し直します。
- SNS に載せると色が違う：「書き出し形式」の「sRGB に変換」と「カラープロファイルの埋め込み」を確認します。
- 「Web 用に保存」で書き出した：JPEG では「カラープロファイルの埋め込み」のチェックが外れていることがあります。
- Illustrator と Photoshop で色が違う：両方の「カラー設定」の作業用スペースを確認します。
よくある質問
Q. 印刷用のデータは自分で CMYK にしたほうがよいですか？
A. 印刷会社によって、RGB のまま受け付けるところと、CMYK での入稿を求めるところがあります。入稿ガイドの指定に従ってください。自分で変換する場合は、指定されたプロファイルを「プロファイル変換」で選び、変換前に「色域外警告」で色の変化を確認します。
Q. 「プロファイルの指定」と「プロファイル変換」は何が違いますか？
A. Adobe の公式ヘルプでは、プロファイルの割り当て（指定）は色の値を変えずに解釈だけを変えるもので、画面上の色の見え方が大きく変わる可能性があると説明されています。色の見え方を保ったまま別のプロファイルにしたい場合は、「プロファイル変換」を使います。
まとめ
- 「編集」→「カラー設定…」で、RGB と CMYK の作業用スペースを確認します。
- Web・SNS 用は「書き出し形式」の「sRGB に変換」と「カラープロファイルの埋め込み」を確認して書き出します。
- CMYK にすると鮮やかな色はくすみます。「色域外警告」で確認し、「プロファイル変換」で変換します。
- CMYK に変換する前の RGB データは、必ず残しておきます。
作品写真は、Web 用と印刷用で色の扱いが変わります。用途ごとに書き出しの設定を決めておくと、作品の色を安定して伝えられます。Photoshop の基本操作はPhotoshop/フォトショップ覚えるべき機能10選でも紹介しています。
Adobe product screenshots reprinted with permission from Adobe.
Adobe, Illustrator, and Photoshop are either registered trademarks or trademarks of Adobe in the United States and/or other countries.
画面写真はユアムーン編集部が2026年10月に撮影したものです。画面に写っている作例は、ユアムーン編集部が作成しました。
