カラースペースはデジタルイメージングにおいて最も目に見えないが最も影響力のある技術的詳細の一つです。他のすべてを正しく行うことができます。正しい解像度で撮影し、正しいサイズに圧縮し、正しいフォーマットを選んでも、一部のスクリーンで色あせて見えたり、他のスクリーンで彩度が高すぎたり、印刷所に送ったときに完全に間違って見えるイメージになる可能性があります。原因はほとんど常にカラースペースの不一致です。このガイドはカラースペースとは何か、一般的なものがどのように違うか、そして最も一般的な落とし穴を避ける方法を説明します。
カラースペースとは何か？
カラースペース（カラープロファイルまたはICCプロファイルとも呼ばれる）は、デジタル画像で表現できる色の範囲を定義します。画像ファイルの数値が実世界の色の観点から何を意味するかを解釈するための規則のセットと考えてください。
ピクセルの値がR=255、G=0、B=0の場合、それは「最大の赤」です。しかし、正確にはどんな赤の色合いでしょうか？鮮やかでわずかにオレンジがかった赤？より深くて冷たいクリムゾン？答えは画像に添付されたカラープロファイルによって異なります。プロファイルがないと、ビューワーアプリケーションは推測しなければならず、異なるアプリケーションは異なる推測をします。これがタグのない画像がデバイスによって異なって見える理由です。
sRGB：ユニバーサルウェブ標準
sRGB（Standard Red Green Blue）は1996年にHPとMicrosoftによってモニター、プリンター、ウェブの共通カラースペースとして開発されました。人間の視覚の全色域ではありませんが、日常的な写真とグラフィックデザインには十分な中程度の色の範囲をカバーしています。
sRGBは事実上すべてのウェブブラウザ、すべての主要ソーシャルメディアプラットフォーム、ほとんどのメールクライアント、ほとんどのコンシューマーモニターのデフォルトの前提です。ウェブ用の画像を公開してデバイス全体で一貫して見えるようにしたい場合、画像はsRGBにあるべきです。
変換なしでウェブプラットフォームにアップロードされたAdobe RGBまたはDisplay P3の画像は、実際にはより広い色域に対してコーディングされているのにブラウザが色の値をsRGBであるかのように解釈するため、しばしば彩度が低くくすんで見えます。
Adobe RGB：写真と印刷ワークフロー向け
Adobe RGB（1998）は特に緑とシアンの範囲でsRGBよりも大幅に広い色域をカバーします。商業印刷プロセス（特にファインアートや雑誌などのハイエンド印刷）はsRGBの範囲外だがAdobe RGB内にある色を再現できるため、印刷を目的とした専門的な写真撮影に選ばれるカラースペースです。
カメラでAdobe RGBで撮影すると、印刷で終わるワークフローに利益をもたらす豊かな色データが含まれます。しかし、オンラインで共有する前にsRGBに変換する必要があります。そうしないとカラーマネジメントを行わないブラウザでは画像がくすんで見えます。
Display P3：広色域ウェブ標準
Display P3はAppleが定義したカラースペースで、特に鮮やかな緑、赤、シアンでsRGBよりも約25%多くの色をカバーします。最新のiPhoneカメラ、iPad Proスクリーン、MacBook Proディスプレイ、多くのAndroidフラッグシップフォンがDisplay P3を使用しています。
AppleデバイスのSafariはP3対応ディスプレイでDisplay P3画像に対してカラーマネジメントを正しく実行するため、Appleハードウェアではそれらの画像がより鮮やかで正確に見えます。ChromeとFirefoxもP3サポートを追加しました。しかし、多くの古いデバイスとカラーマネジメントなしのアプリケーションはP3画像を誤ってレンダリングし、彩度が高すぎるように見えます。
ウェブ画像については、最大の互換性のためにsRGBが最も安全な選択です。Display P3はApple中心のオーディエンスや視聴環境がサポートすることが確実な場合に採用する価値があります。
CMYK：印刷制作向け
CMYK（シアン、マゼンタ、イエロー、キー/ブラック）は商業印刷機で使用されるカラーモデルです。光を放出するのではなく吸収するインクを使用する減法混色で動作します。
CMYKはウェブ画像に使用できません。ウェブ上のJPEGとPNGファイルはRGBです。ブラウザでCMYK JPEGを表示しようとすると結果はまちまちです。一部のブラウザは自動的に変換し、他のブラウザは不正な色で表示するかまったく表示を拒否します。
商業プリンター向けの画像を準備する場合、印刷所が指定する適切なCMYKプロファイル（ヨーロッパでは一般的にFOGRA39、米国ではSWOP）に変換してください。編集段階ではなく、プリンターにファイルを渡す前の最終ステップとしてこれを行ってください。
一般的な色の問題と修正方法
アップロード後に色がくすんで見える — 画像がAdobe RGBまたはDisplay P3にあり、カラーマネジメントを行わないプラットフォームにアップロードされた可能性が高いです。プラットフォームは色の値をsRGBとして読み取り、色が圧縮されてくすんで見えます。修正：アップロード前に画像をsRGBに変換してください。
一部の画面で色が彩度が高すぎるように見える — 画像が広色域カラースペース（Adobe RGB、Display P3）にあり、カラーマネジメントを行わないデバイスまたはアプリケーションで表示されています。スケーリングなしに広色域値を画面に直接マッピングし、色が鮮やかすぎるように見えます。修正：sRGBプロファイルを埋め込むかsRGBに変換してください。
印刷の色が画面の色と一致しない — 画面は光を放出（RGB）しますが、プリンターは吸収性インク（CMYK）を使用します。この2つのカラーモデルはお互いを完全には再現できません。画面で鮮やかな一部の色、特にエレクトリックブルーや鮮やかな緑は、インクで再現することが物理的に不可能です。画像エディタのソフトプルーフプレビューを使用して、プリンターのCMYKプロファイルへの変換後に色がどのように見えるかを確認してください。
画像のカラープロファイルを確認する方法
macOSではPreviewで画像を開き、ツールから画像インスペクターに移動してください。カラープロファイルはカラーモデルセクションの下に表示されます。Windowsでは、ファイルを右クリックしてプロパティを選択し、詳細タブでカラースペース情報を確認してください。
Photoshopではイメージとモードに移動してカラーモードとドキュメントプロファイルを確認してください。Lightroomではエクスポートダイアログで保存前に出力カラースペースを選択できます。
カラースペース管理のベストプラクティス
ウェブ公開の場合：エクスポート前にsRGBに変換してください。ファイルにsRGBプロファイルを埋め込んでください。これによりすべてのブラウザとプラットフォームで一貫した表示が保証されます。
印刷制作の場合：Adobe RGBまたは適切なCMYKプロファイルで作業してください。元の広色域ファイルを保持し、最終エクスポートステップでのみプリンターのプロファイルに変換してください。
写真ワークフローの場合：カメラがサポートする最も広い色域（通常Adobe RGBまたはカメラネイティブ）でキャプチャし、そのスペースで編集してから、完成した編集物をウェブ配信のためにsRGB、印刷のためにプリンターのCMYKに変換してください。
私たちのコンバーターはフォーマット間の変換時にカラープロファイルを保持します。元のカラーデータをそのままにして画像を別のフォーマットに変換する必要がある場合は、エクスポートで適切な設定を使用してください。