色域（ガマット）テスト
sRGBとDisplay P3のカラーパッチを並べて比較。スウォッチ間の相対的な差を利用して、鮮やかモードやブラウザの色処理パイプラインを素早く確認できます（パネルの絶対的な色域測定ではありません）。
Browsers clip color to sRGB. P3/Adobe RGB coordinates here are for relative side-by-side comparison — not certified gamut volume. Use OS calibration software for absolute coverage.
Gamut patch
Gamut unknownCompare layout
Pair layout
Surround
What to look for
Relative gap visible
Paired sRGB and P3 swatches separate in hue or saturation — your browser path may be passing wider primaries for this session.
Identical pairs
sRGB and P3 look the same — usual cause is browser/OS sRGB clipping, not proof your panel lacks P3 hardware.
Run & cycle
- ← → Cycle patches
- F Fullscreen
無料 sRGB vs Display P3 色域比較ツール
sRGB/P3の原色・二次色の比較ペア、基準原色ストリップ、デュアル色相スウィープを備えたブラウザ色域テスト。相対的な色分離の確認やモード別A/Bテスト向けに設計されており、工場出荷時ΔE測定やICCプロファイル作成用ではありません。
sRGB / P3 対比カラーパッチ
原色ストリップ＆広域カラースウィープ
色域対応状況バッジ
全画面サイクル表示
本色域テストで判定できること・判定できないこと
広色域とは色度空間における体積のことです。多くのブラウザやOSの処理経路は、パネルに出力される前にsRGB空間へとマッピングするため、P3対応ハードウェアであっても両方のパッチが同じに見えることは珍しくありません。
sRGB色空間の三角形
Display P3カラー座標
相対的な視覚差 vs 絶対的なカバー率測定
color-gamutメディアクエリ
色域テストの実施手順
室内の明るさを一定に保ち、赤の比較から始めて二次色やグラデーションへと進みます。左右が同じ色に見える場合は、パネルの性能を疑う前にシステムの色処理設定を確認してください。
-
検証対象デバイスで全画面表示を開始
実際に検証したいモニターやノートPCで実行してください。外付けモニターは、スペックを調べたノートPC本体の画面とは異なるカラーパイプラインで動作することがあります。
ヒント テスト中は夜間モードやTrue Toneを無効化してください — 暖色フィルターは微小なP3の変化を隠してしまいます。
-
まず三原色の比較ペアを確認
赤、緑、青の比較を順次切り替えます。P3側がより深みを持って見えるか、それとも完全に同じかを確認してください。少しでも色域差があれば、オレンジやシアンでその差が強調されて現れます。 こちらも参照: モニター色補正ツール .
ヒント 照明の映り込みで左右の明るさが違って見える場合は、レイアウトを上下配置に切り替えてください。
-
画面モードと対応バッジの突き合わせ確認
モニターのsRGBと広色域モードを切り替えて再テストします。バッジの表示と実際の見え方を比較し、バッジがP3を示していてもパッチが同じに見えるなら、ブラウザでクリッピングされています。 こちらも参照: RGBチャンネルテスト .
ヒント 単色パッチの後は広域カラースウィープを表示し、色相の急激な変化や段差がないか確認してください。
ブラウザベース色域判定の限界
色域カバー率の証明書ではありません
sRGB標準マッピングの理解
本色域比較ツールを活用すべきケース
製品のカタログ表記、表示モード、納品色空間の間で整合性を確かめたい場合に活用してください。
新しい広色域モニターの導入時
- 製品外箱にDCI-P3 95%以上の表記がある
- sRGBモードでは左右のパッチが同一に見える
- Display P3やネイティブモードに切り替えると視覚的な差が開くことがある
推奨 どのOSDモードで分離が確認できるかを記録し、業務上精度が重要であれば測色計で検証してください。
写真・デザインの納品前チェック
- クライアントがChromeやEdgeブラウザで仕上がりを確認する
- sRGBとDisplay P3の両方のマスターデータを書き出している
- ブラウザ環境で両者が混同・圧縮されていないか確認する必要がある
推奨 パッチが同じに見える場合はWeb用にはsRGBで納品し、広色域データはカラーマネジメント対応の専用ソフト向けに保管してください。
より正確な比較を行うための設定のヒント
パネルのウォームアップと環境光の管理
GPU側の強制sRGB出力を解除
一度に変更する設定は1つに絞る
RGBチャンネル分離テストで追試
色域（ガマット）テスト よくある質問
このテストでモニターがDisplay P3をカバーしていると証明できますか？
いいえ、できません。ブラウザは通常、信号がパネルに届く前にsRGB外の色を切り捨てます。本ツールは同一セッション内で比較パッチ間の相対的な違いを確認するためにご利用ください。真の色域体積を測定するには、OSレベルの専用キャリブレーションソフトウェアや測色計が必要です。
なぜモニター上でsRGBとP3がまったく同じに見えるのですか？
OS、ブラウザ、GPU、またはモニターのいずれかがsRGB経路を強制しているか、パネル自体がP3の色域に対応していない可能性があります。画面のカラーモードを確認し、GPUの強制sRGBオプションを無効化して、CSS color(display-p3)をサポートする最新ブラウザで再確認してください。
色域バッジは何を意味していますか？
CSS color-gamutメディアクエリの結果（sRGB、Display P3、Rec. 2020など）を表示しています。これはブラウザが申告する機能対応の目安であり、パネルの色域カバー率を物理的に測定した値ではありません。
WebデザイナーはP3アセットを優先すべきですか？
一般的なWeb配信は依然としてsRGBを前提としています。制作環境から配信先までエンドツーエンドでカラーマネジメントが徹底されている場合にのみP3マスターを推奨し、通常のオープンWeb向けにはsRGBで書き出し、広色域データは色の制御が可能な専用アプリ向けに保持するのが賢明です。
Rec. 2020とDisplay P3は同じ色域ですか？
いいえ、異なります。Rec. 2020はUHDTV（4K/8K放送）向けのさらに広大な色域規格です。一部のHDR環境ではバッジがRec. 2020と表示されることがありますが、本ツールのパッチは相対比較のためにsRGBとDisplay P3の座標を対象としています。
