ディスプレイはHDRをサポートしていますか？

matchMediaを介してHDRサポートを検出し、HDR vs SDR比較パターンを表示し、輝度グラデーションの段階をテストします。ダイナミックレンジとP3色域の機能を識別 — すべてCanvasを使用してローカルに描画されます。

このテストはCSSメディアクエリを使用してHDR10とP3広色域サポートを検出し、拡張された輝度と色範囲を確認するための視覚的比較パターンを表示します。

HDRディスプレイは10ビットカラー（10.7億色）でピーク輝度400〜10,000ニトをサポートします。SDRは8ビットで最大300ニトです。

HDRサポート

検出中...

広色域 (P3)

非対応

左半分はSDR範囲（0-200）、右半分はHDR全範囲まで拡張されます。HDRディスプレイでは右半分がより明るく見えるはずです。

結果の見方

結果	範囲	意味
良好	HDR検出済み、P3色域サポートあり	ディスプレイが広色域でハイダイナミックレンジコンテンツをサポートしています — HDRビデオやゲームが拡張された輝度と色深度で描画されます。
注意	P3色域は検出されたがHDRサポートなし	ディスプレイは広色域ですがHDR輝度機能がありません。色は豊かですが、ピーク輝度がSDRレベル（〜300ニト）に制限されています。
不良	HDRもP3も検出されない	ディスプレイは標準sRGB色域のSDRのみです。HDRコンテンツはSDRにトーンマッピングダウンされ、ハイライトの詳細と色の鮮やかさが失われます。

HDR対応モニターがテストでSDRと表示される

OS設定でHDRを有効にしてください：Windows > 設定 > ディスプレイ > HDR、macOSは対応ディスプレイで自動的にHDRを有効にします。また、ケーブルがHDMI 2.0以上またはDisplayPort 1.4以上をサポートしていることを確認してください。

HDRコンテンツが色あせて見える、または過度に明るい

OS HDR設定でSDRコンテンツの輝度スライダーを調整してください。Windowsでは「SDRコンテンツの外観」スライダーを使用してください。モニターのHDRモードが強制的にオンではなく「自動」に設定されていることを確認してください。

よくある質問

モニターがHDRをサポートしているか確認するにはどうすればいいですか？

このツールはCSSメディアクエリ(dynamic-range: high)を使用してHDR機能を検出します。P3広色域サポートも確認します。HDR/SDR比較パターンはディスプレイが拡張輝度レベルを描画するかを視覚的に確認するのに役立ちます。

HDRとSDRの違いは何ですか？

SDR（Standard Dynamic Range）は8ビットカラーで制限された輝度範囲（最大〜300ニト）を使用します。HDR（High Dynamic Range）は10ビット以上の色深度でピーク輝度400〜10,000ニトをサポートし、より明るいハイライトとより深い黒を提供します。

HDRモニターなのにSDR結果が表示されるのはなぜですか？

OSのディスプレイ設定でHDRを有効にする必要があります。Windowsではディスプレイ設定で「HDR」を有効にしてください。macOSでは対応ディスプレイで自動的に有効になります。ブラウザもHDRコンテンツの描画をサポートしている必要があります。

データはサーバーにアップロードされますか？

いいえ。すべてのテストパターンはHTML Canvasを使用してローカルに描画されます。HDR検出はブラウザのCSSメディアクエリを使用します。データがブラウザの外に出ることはありません。