P3
sRGB
P3レッド
P3
sRGB
P3グリーン
P3
sRGB
P3ブルー
P3
sRGB
P3オレンジ
P3
sRGB
P3シアン
P3
sRGB
P3マゼンタ
色域検出
左P3 · 右sRGB
テストモード
あなたのディスプレイ
sRGB
広色域✗ sRGBのみ
深度24-bit
Rec.2020✗ 非対応
CSS P3カラーcolor(display-p3)
カラーチャンネル
評価ガイド
差異が確認できる

P3パッチがより鮮やか → 広色域対応

差異なし

両側が同じに見える → sRGBのみ

プロ仕様色域検出ツール

P3超飽和パッチ、sRGB境界色、グラデーション遷移テストでディスプレイの広色域サポートを視覚的に評価。

P3色域検出

sRGB範囲を超えるDCI-P3飽和パッチを表示。ディスプレイが広色域をサポートしている場合、P3パッチとsRGBリファレンスに明確な違いが見えます。サポートしていない場合はほぼ同一に見える。

グラデーション境界テスト

sRGBとP3色域の境界で滑らかなグラデーションを表示。広色域ディスプレイはより多くの中間トーンを表示、標準sRGBディスプレイはある時点で色のクリッピングを表示。

RGBチャンネルテスト

赤、緑、青チャンネルそれぞれの色域カバレッジを独立にテスト。P3は赤と緑で最も拡張され、青は最小 — P3画面が最も鮮やかな赤と緑を表示する理由。

色域とは?

色域規格とそのディスプレイ品質への影響を理解する。

sRGB

最も普遍的な色域規格で、人間が見える色の約35%をカバー。ほぼすべてのWebコンテンツ、動画、OSはsRGBに基づく。99% sRGBカバレッジはディスプレイの最低限のしきい値 — 足りないと色が不正確に。

DCI-P3

sRGBより約25%広く、映画業界が定義。Appleのエコシステム全体(iPhone、MacBook、Pro Display XDR)がP3を使用。HDRコンテンツは通常P3でエンコードされ、ハイエンドディスプレイの主流規格に。

Adobe RGB

プロ印刷と写真用に設計された色域規格で、sRGBに対してシアン-グリーン領域が大幅に拡張。フォトグラファーはAdobe RGBを使用してほとんどのCMYK印刷色をカバーし、「見た通りに印刷」を実現。

色域テストの使い方

3ステップでディスプレイの色域能力を判定。

01

パッチの違いを観察

各テストグループにP3飽和パッチとsRGBリファレンスパッチを含む。2つが明確に異なる(P3がより鮮やか)場合、ディスプレイは広色域をサポート。同じに見える場合、ディスプレイはP3色をsRGBにクリッピング。

02

グラデーション遷移を確認

グラデーションバーで色の遷移が滑らかか観察。広色域ディスプレイはより豊かな中間トーンを表示。グラデーションが突然「途切れ」たり単色になれば、そこがディスプレイの色域の境界。

03

3チャンネルを比較

赤、緑、青それぞれの拡張範囲を個別に確認。ほとんどの広色域ディスプレイは赤チャンネルで最大の拡張(P3赤はsRGB赤よりはるかに鮮やか)、次に緑、青が最小。

色域規格の解説

sRGB(1996年)

HPとMicrosoftが共同開発した標準色域で、CRT時代の「標準色」を定義。現在もWeb、Windows、Androidのデフォルト色空間。すべてのディスプレイは最低100% sRGBをカバーすべき。

DCI-P3(2005年)

Digital Cinema Initiativesの投影色域。赤と緑でsRGBを大幅に拡張。iPhone 8以降のすべてのAppleデバイス、最近のSamsungフラッグシップ、プロディスプレイが対応。人間が見える色の約45%をカバー。

Adobe RGB(1998年)

CMYK印刷色域をカバーするためにAdobeが作成。シアン-グリーン領域でsRGBとP3の両方より大きい。プロ写真モニター(例: EIZO CGシリーズ)は通常99% Adobe RGBカバレッジを仕様に記載。

Rec. 2020(2012年)

Ultra HDテレビ用のITU規格 — 定義された最大級の色域で、可視色の約75%をカバー。現在ほぼどのディスプレイもRec. 2020を完全にカバーできない。目標基準としてより多く使用。

パネルタイプ別の色域性能

異なるパネル技術の色能力を理解する。

IPS(Nano IPS / IPS Black)

色域能力:

• 標準IPS: 約99% sRGB、P3対応は少ない。
• Nano IPS(LG): 98% DCI-P3、プロレベルの色。
• IPS Black: コントラスト向上しつつP3レベルの色域を維持。
• 利点: 一貫した視野角、高い色均一性。

VAパネル

色域能力:

• 量子ドットVA: 95%+ DCI-P3に到達可能(Samsung QDシリーズ)。
• 標準VA: 通常100% sRGB、85-90% P3カバレッジ。
• 利点: 高いネイティブコントラスト(3000:1+)、優れた暗部シーン。
• 注意: 色シフトあり、広い視野角で色が薄れる。

OLED / QD-OLED

色域能力:

• WOLED(LG): 99% DCI-P3、Adobe RGB 90%に接近。
• QD-OLED(Samsung): 99.3% DCI-P3、放送グレードに近い。
• ピクセルレベルの発光制御で非常に高い色純度。
• 現在最も広い色域のコンシューマーディスプレイ技術。

Mini LEDバックライト

色域能力:

• 量子ドットフィルムと組み合わせて97%+ DCI-P3に到達可能。
• ゾーンバックライト制御で優れたHDR色性能。
• 従来のLEDバックライトから15-20%の色域改善。
• 例: Apple Pro Display XDR、ASUS PA32UCR。

カラーマネジメントの実用アドバイス

ICCプロファイルをロード

測色計(例: i1 Display Pro)でICCプロファイルを生成。OSがロードすると、ディスプレイの実際の色域に正確にマッチし、過飽和や色偏差を防止。

正しいモードを選択

広色域ディスプレイではカラーマネジメントを有効に。macOSは自動処理、Windowsはディスプレイ設定でICC有効化または「sRGBモード」で色域を制限する必要あり。

コンテンツの色域に合わせる

WebブラウジングとオフィスワークにはsRGBモード。フォトエディティングにはAdobe RGB。動画編集とHDRコンテンツにはP3。不一致は過飽和の原因に。

ブラウザのカラーマネジメント

ChromeとFirefoxはCSS color()関数とP3カラーに対応。Safariは最も完全なカラーマネジメントを持つ。Webページでcolor(display-p3 ...)でP3色を指定。

よくある質問

Q.100% sRGB vs 100% P3 — どちらが良い?

単純比較はできない。sRGBが基盤 — 100%カバレッジが最低限。P3はより広い — 100% P3はより鮮やかな色が可能。ただしカラーマネジメントなしでは、広色域は日常コンテンツが過飽和に見える原因に。

Q.広色域画面で色が鮮やかすぎるのはなぜ?

WindowsのカラーマネジメントがmacOSほど堅牢でないため。ほとんどのアプリはICCプロファイルを読まず、sRGBコンテンツを広色域パネルに直接マッピングして過飽和に。解決策: モニターのOSDで「sRGBモード」を使用。

Q.CSSでP3色を使う方法は?

color(display-p3 r g b)関数を値0-1で使用。例: color(display-p3 1 0 0)はP3純赤。@supportsと@media (color-gamut: p3)クエリと組み合わせてグレースフルデグラデーション。

Q.スマホ画面の色域は通常どれくらい?

iPhone 8以降のすべてのiPhoneがP3対応。Samsungフラッグシップ(S21+)は120% DCI-P3対応。ミッドレンジAndroidは通常sRGBまたはそれ以下のみ。タブレットではiPad ProがP3を完全サポート。

Q.量子ドットとは?色域との関係は?

量子ドットはナノスケールの半導体粒子で、特定の光の波長を精密に変換。バックライトモジュールで使用すると、より純粋なRGBスペクトルを生み出し、色域カバレッジを拡大。Samsung QLEDとQD-OLEDの両方が量子ドット技術を使用。

Q.8bitと10bitパネルの色域は同じ?

色域とビット深度は独立した概念。8bitパネルは100% P3色域を持てるが1670万色しか表示できない。10bitパネルは10.7億色でより滑らかなグラデーション。両方が色性能に影響するが異なる方法で。

色域の購入ガイド

  • 日常オフィス: 100% sRGBで十分。広色域はWebやドキュメントの色が過飽和に見える原因になることも。
  • 写真: 99%+ Adobe RGBカバレッジのプロディスプレイを優先、測色計と組み合わせ。
  • 動画編集: 95%+ DCI-P3とHDR対応を選択して正確なHDRコンテンツプレビュー。
  • Web開発: @media (color-gamut: p3)クエリで広色域デバイスにより鮮やかなブランドカラーを提供。