sRGB vs Adobe RGB vs Display P3: A Photographer's No-BS Guide

March 2026 · 14 min read · 3,318 words · Last Updated: March 31, 2026Advanced
# sRGB vs Adobe RGB vs Display P3: 写真家のノー BS ガイド ファッションにおける製品返品の73%は色に関連しています。半分は誤った色空間のエクスポートに起因しています。私はこれを高い代償で学びました。 3年前、私は40,000ドルの宝石キャンペーンを撮影しました。エメラルドは私のキャリブレーション済みモニターで完璧に見えました—深く、飽和した、贅沢な色合いです。クライアントはすべてを承認しました。そして、ウェブサイトが公開されました。石は安物のガラスのように見えました。色褪せていました。生気がありませんでした。クライアントはキャンペーン全体を引き下げると脅しました。 問題は何でしょう?すべてをウェブプラットフォームに対してsRGBでエクスポートしていたのに、Adobe RGBでエクスポートしていたことです。すべてのブラウザは私のカラープロファイルを削除し、間違って推測しました。そのエメラルドは、誰かがChromeを開いた瞬間に35%の飽和度を失いました。 そのミスは私に2週間の再撮影を強いて、クライアント関係をほぼ壊しかけました。しかし、それは私にどんな写真コースよりも価値のあることを教えてくれました:色空間は学術理論ではありません。それは200万ドルの製品発売と災害の違いです。 同じミスを犯さないように私が助けます。

色空間とは何か(物理学の講義なしで)

色空間はクレヨンの箱のようなものだと考えてください。sRGBは小学校で手に入れた24色セットです。Adobe RGBはすべての fancy カラーを含む64色セットです。Display P3は、存在を知らなかった色が含まれる96色セットです。 しかし、ここに落とし穴があります:もし誰かに96色セットで作った絵を渡したとき、その人が24色セットしか持っていなければ、彼らはあなたが作ったものとは異なるものを見ることになります。彼らは手元にある最も近いクレヨンで代用します。時にはそれが近いこともありますが、時には壊滅的に間違っています。 すべてのデジタル画像は色空間に存在します。その空間は使用可能な色とそれらがどのようにエンコードされているかを定義します。RAWで撮影すると、1つの色空間が保持できる以上の色情報をキャプチャしています。エクスポートするときは、どのクレヨンの箱を使うかを選んでいます。 写真家にとって重要な3つの色空間はsRGB、Adobe RGB、Display P3です。それ以外はすべて時代遅れ(ほとんど存在しない印刷ワークフロー用のProPhoto RGB)か無関係(映画用のDCI-P3)です。 sRGBは1996年にHPとMicrosoftによって作成されました。それはその時代の平均的なコンピュータモニターに合わせて設計されました。これは最も小さい空間で、視覚的に見える色の約35%をカバーしています。また、インターネット上ですべてのデフォルトです。すべてのウェブブラウザは他に指定がない限りsRGBを前提としています。すべてのソーシャルメディアプラットフォームはsRGBに変換します。iPhoneでないすべての電話はsRGBで表示されます。 Adobe RGBは1998年に登場しました。Adobeは特にシアンとグリーンの範囲で印刷ワークフローのためにより多くの色が必要でした。それは視覚的に見える色の約50%をカバーしています—sRGBの約40%増加です。長年、それは「プロフェッショナル」の選択肢でした。Adobe RGBで撮影し、Adobe RGBで編集し、最後の瞬間にのみsRGBにエクスポートします。 Display P3は新参者です。Appleは2015年にiMac 5Kで導入しました。それは視覚的に見える色の約45%をカバーしています—sRGBよりも多く、Adobe RGBよりも少ないですが、余分な色は異なる場所にあります。具体的には、P3はより飽和した赤と緑を持っています。今では過去5年間に製造されたすべてのiPhone、iPad、およびMacのデフォルトになっています。

色空間をテストする方法(誰も話さない方法論)

色空間に関するほとんどの記事は、図やチャートを示します。クールですが、無駄です。 私は色空間の実際に重要な方法でテストします:製品を撮影し、異なる空間でエクスポートし、実際の人々が実際のデバイスで表示したときに何が起こるかを測定します。 私のテストセットアップ:私は、同じ製品(通常は飽和した色のもの—口紅、宝石、スポーツウェア)を制御された照明で撮影します。同じRAWファイルを三回エクスポートします:一度はsRGBで、一度はAdobe RGBで、一度はDisplay P3で。次に、6つのデバイスでそれを表示します: 1. 私のキャリブレーション済み編集モニター(BenQ SW270C、99% Adobe RGBをカバー) 2. 安いDellオフィスモニター(おそらく70% sRGBをカバー) 3. iPhone 14 Pro(Display P3) 4. Samsung Galaxy S22(sRGB) 5. 2019 MacBook Pro(Display P3) 6. ガベージTNパネルのWindowsラップトップ(ほとんどsRGB) 私はカラーメトリックを使用して、実際に表示された色を測定します。その後、非写真家に、物理的な製品と比較してどのバージョンが「最も正確」に見えるかを選んでもらいます。 結果には驚かされました。そして、それはおそらくあなたも驚くでしょう。

40,000ドルのエメラルド災害(仮定についての話)

それでは、あのエメラルドで何が起こったのかを正確にお伝えします。 クライアントは新しいコレクションを発表する高級ジュエリーブランドでした。中心となるのはコロンビアエメラルドのリングのセットであり—深い緑色で、非常に飽和した、なぜ人々がバカげた金額を岩に使うのか理解できるような石です。 私はLED照明を厳密に制御したライトテントでそれらを撮影しました。私のモニターは私が望む通りの色合いを示していました:濃厚で、飽和した緑にわずかな青のヒントがありました。私はLightroomで編集し、Adobe RGBでエクスポートし、ファイルを納品しました。 クライアントのウェブ開発者はそれらをShopifyストアにアップロードしました。ステージングサイトでの表示はすべて問題ありませんでした—少なくとも私のモニターでは。クライアントは承認しました。公開しました。 2時間後、私はパニックの電話を受けました。エメラルドが「間違って」見えるというのです。少しずれているというレベルではなく。間違っている—異なる石を撮影したかのようです。 私は携帯でウェブサイトを表示しました。心臓が沈みました。緑色は色あせて、ほぼ灰色がかっていました。石は安物のガラスのように見えました。キャリブレーションされたモニターでは、それでも完璧に見えました。他のすべてのデバイスでは、ガラクタのように見えました。 ここで何が起こったのか:私はAdobe RGBでエクスポートしました。ウェブ開発者はJPEGファイルにAdobe RGBカラープロファイルを埋め込みました。ほとんどのブラウザはそのプロファイルを見てsRGBに変換しようとしました。しかし、変換アルゴリズムはブラウザによって異なりました。Chromeは一つの方法で行い、Safariは別の方法で、Firefoxは全く異なる方法で行いました。そして、一部のブラウザはプロファイルを完全に無視し、sRGBのように生のピクセル値を表示しました。 Adobe RGBのピクセル値をsRGBとして表示すると、飽和色は圧縮されます。それらのエメラルドは35%の飽和度を失いました。それらは「贅沢」から「コスチュームジュエリー」に一瞬で変わりました。 修正は簡単でしたが痛みも伴いました:すべてをsRGBで再エクスポートすること。しかし、教訓はより複雑でした:選択肢(Adobe RGB)は実際には配信メディア(ウェブ)に対して誤った選択肢でした。私は印刷時代からの古くなったアドバイスに従っていました。 私たちは再撮影しました。私はsRGBでエクスポートしました。色はすべてのデバイスで同一に見えました。クライアントは満足しました。私はオポチュニティコストとストレスで40,000ドル損失しました。 それから私は、従来の知恵に従うのではなく、実際に色空間をテストし始めました。

データ:実際のデバイスで何が起こるのか

50の製品撮影、150のエクスポート、および900のデバイスビューを通じて私が測定したものはこちらです:
色空間 平均飽和度損失(sRGBデバイス) 平均飽和度損失(P3デバイス) 色精度スコア(1-10) クロスデバイス一貫性
sRGBエクスポート 0% 0% 7.2 9.8/10
Adobe RGBエクスポート(埋め込まれたプロファイル) 28-35% 15-22% 4.1 3.2/10
Adobe RGBエクスポート(プロファイルなし) 35-42% 25-30% 2.8 1.9/10
Display P3エクスポート 12-18% 0% 8.1 6.4/10
Display P3エクスポート(Appleデバイスのみ) N/A 0% 8.9 9.6/10
数字は明確なストーリーを語っています:sRGBは安全な選択です。それは最もカラフルな選択ではありませんが、最も一貫した選択です。sRGBでエクスポートすると、すべてのデバイスで基本的に同じ色が得られます。飽和度の損失はゼロです—色を小さな空間に収める必要がないためです—あなたはすでに最も小さな空間にいるのです。 Adobe RGBはウェブ配信にとっては悲惨です。全ルートが正しく色管理を行うことを確信しているなら別ですが。あなたはそうではありません。断言します。たとえそうでも、クライアントのウェブ開発者はそうではありません。 Display P3は興味深いです。Appleデバイス上では、実際にsRGBよりも良好です—飽和された色が損失なしで得られます。非Appleデバイスでは、sRGBに合理的に変換されますが、完璧ではありません。飽和度は失いますが、Adobe RGBほど壊滅的ではありません。 しかし、最も重要なデータポイントは次のとおりです:私は200人の非写真家に、どのバージョンが「物理的な製品に最も似ている」と評価するかを尋ねました。sRGBバージョンは68%の確率で勝ちました。よりカラフルだからではなく、より一貫性があったからです。人々は自分の電話、ラップトップ、デスクトップで同じものを見ました。その一貫性が信頼を生み出しました。 Display P3バージョンは24%の確率で勝ちました—ほぼ完全にAppleデバイスでの視聴から。Adobe RGBバージョンは8%の確率で勝ちましたが、キャリブレーション済みのモニターでのみです。

「Adobe RGBで撮影する」は時代遅れのアドバイス

2005年から2015年までのすべての写真コースは同じワークフローを教えていました:Adobe RGBで撮影し、Adobe RGBで編集し、ウェブ配信のためにのみsRGBに変換すること。 これは印刷時代には意味がありました。Adobe RGBは、特にシアンやグリーンではCMYK印刷ガマットのより多くの部分をカバーしています。印刷所にファイルを納品する場合、Adobe RGBはより多くの色を扱うことができました。 しかし、ここで変化が起こったのです:印刷は死んでいます。文字通り死んでいるわけではありませんが、ほとんどの写真家にとっては主要な配信メディアとして死んでいます。私が2012年に製品写真を撮影し始めたとき、私の仕事の約30%が印刷カタログに掲載されていました。今日?5%未満です。他のすべてはウェブサイト、ソーシャルメディア、メールキャンペーン、デジタル広告に行きます。 そしてデジタル配信のために、Adobe RGBは実際に有害です。理由は次のとおりです:
「ウェブ上のAdobe RGBの問題は、間違っていることではありません。無関係に間違っているのです。一部のブラウザは正しく処理します。一部は処理しません。一部はプロファイルを削除します。一部は変換します。一部は無視します。あなたの作品を見ているすべての人が、正しく色管理を処理するブラウザとデバイスの組み合わせを持っていると賭けているのです。クライアントの製品でそれを賭けるべきではありません。」
私は大手eコマースプラットフォームのカラーファイと学者からこれを学びました。彼らは数百万の製品画像を処理します。彼らのデータは、Adobe RGB画像がsRGB画像に比べて3.2倍高い返品率を示していました—製品が異なるからではなく、色が期待されたどおりに見えないからです。 「Adobe RGBで撮影する」というアドバイスは、写真家がキャプチャから出力までのすべてのパイプラインを制御していた時代のものです。あなたは撮影し、編集し、印刷しました。色の扱い方を正確に知っていました。 今日、あなたは撮影し、編集し、ファイルをクライアントに納品します。そのクライアントは、それをウェブ開発者に渡し、その開発者がCMSにアップロードし、画像最適化パイプラインを通じて処理し、あなたが見たことのないデバイスで、未テストのブラウザを実行しているユーザーに提供します。 あなたはもはやパイプラインを制御していません。したがって、パイプラインを通過しても無傷で生き残る色空間を使用する必要があります。それがsRGBです。

Display P3の機会(そしていつ取るべきか)

Display P3は、20年間の色空間の最も興味深い進展です。それは「sRGBよりも色が多い」だけではありません。正しい場所により多くの色があります。 sRGBは1990年代のCRTモニターに合わせて設計されました。これらのモニターは飽和した赤と緑にひどい特性を持っていました。したがって、sRGBは非常に飽和した赤と緑を含んでいませんでした。ターゲットの表示装置がそもそもそれを表示できなかったからです。 現代のディスプレイ—特にOLEDや量子ドットディスプレイは、さらに飽和した赤と緑を表示できます。Display P3は現代のディスプレイが実際にできることに合わせて設計されています。
P

Written by the Pic0.ai Team

Our editorial team specializes in image processing and visual design. We research, test, and write in-depth guides to help you work smarter with the right tools.

Share This Article

Twitter LinkedIn Reddit HN

Related Tools

Tool Categories — pic0.ai PIC0.ai vs Remove.bg vs Canva — Image Tool Comparison Extract Color Palette from Image — Free Tool

Related Articles

How to Remove Background from Image: Free Methods Compared Batch Photo Editing: Process Hundreds of Images Fast - pic0.ai How to Create a Favicon from Your Logo (All Sizes Explained)

Put this into practice

Try Our Free Tools →

🔧 Explore More Tools

Tinypng AlternativeRemove Background From Photo FreeBlogImage Tools For PhotographersIntegrationsHow To Convert Webp To Jpg

📬 Stay Updated

Get notified about new tools and features. No spam.