ホームすべてのツールHDR ディスプレイサポートのテスト
このツールで確認できること

HDR表示テスト | 明るさ・色域・対応状況を確認

ディスプレイが HDR 表示に対応しているかを確認し、SDR との見え方の違いや明るさ、色の深さを比較できます。

HDRテスト、表示テスト、カラーテスト、画面の明るさ、広色域
プライバシー

無関係な権限は求めず、この端末で利用できるブラウザ API を使って動作します。

対応プラットフォーム

最新の Chrome、Edge、Safari、Firefox での利用を推奨します。対応状況は CSS media queries and display capability APIs、HTTPS、ハードウェア、ブラウザポリシーに依存します。

目視比較(「主観的判断」の場合)
推奨事項: 全画面表示、夜景/目の保護をオフにし、システム HDR をオンにして、明るさを上げます。次に、「ハイライトが明らかに明るいかどうか、シャドウにレイヤーがあるかどうか」を観察します。
ブラック(0)
rgb(0 0 0)
SDR ホワイト (1.0)
rgb(255 255 255)
SDRグレースケール(0→1)
「HDR Try」ハイライト グラデーション (CSS Color 4 + HDR 出力リンクが必要)
注: 「ブラウザーが HDR を表示できる」と「HDR ビデオをデコードできる」は 2 つの別のことです。また、サポートしている場合でも、システムの HDR スイッチ、カラー管理、外部モニター、およびプレーヤーのパスの影響を受ける可能性があります。
ローカルビデオの読み込み (デバイスで撮影した推奨 HDR ビデオ)
iPhone/一部の Android の「HDR/Dolby Vision」素材は参考として最も価値があります。再生中に画像がグレーになったり、ハイライトが明るくない場合は、HDR 出力リンクがオンになっていないか、SDR に転送されている可能性があります。
解決
-
間隔
-
ヒント
全画面で再生してハイライトを観察してみてください
ディスプレイ/ブラウザ機能
結論(経験):SDR 出力の可能性が高くなります
dynamic-range: high
未知
color-gamut: rec2020
未知
color-gamut: p3
未知
CSS color(display-p3)
未知
CSS color(rec2020)
未知
CSS rec2020 > 1(HDR)
未知
注意: 一部のシステムでは、「外部ディスプレイ/画面ミラーリング/省電力モード/夜間シフト」で SDR が強制されます。ディスプレイが HDR であっても、ダウングレードされる可能性があります。
HDR ビデオ デコード機能の検出 (MediaCapabilities)
「サポートされている」とは、必ずしも HDR で表示することを意味するわけではありません。それは「解読可能」に近いものです。 HDR 出力がシステム/モニター/プレーヤーのパスに依存するかどうかは変わりません。
形式デコードをサポート流暢さ省電力
SDR: H.264/MP4 (1080p@30)---
HDR10: HEVC Main10/MP4 (4K@30、PQ/Rec2020)---
HLG: HEVC/MP4 (4K@30、HLG/Rec2020)---
HDR: VP9 プロファイル 2/WebM (4K@30、PQ/Rec2020)---
HDR: AV1/WebM (4K@30、PQ/Rec2020)---
説明:smooth/powerEfficient は、「ハード ソリューション/ハードウェア アクセラレーションを使用するかどうかを推測する」ためによく使用されますが、それでも実際の再生の対象となります。

このページを使用して HDR が「本当に効果がある」かどうかをすばやく判断する方法

まず、右側の「dynamic-range: high」と「color-gamut: rec2020」を見てください。両方とも同時に「yes」になっており、HDR 出力リンクに似ています。
「CSS rec2020 > 1 (HDR value)」をもう一度見てください。「Yes」の場合は、上部の「Visual Comparison」のハイライトカラーブロック (1.2/1.6/2.0) を使用して、SDR ホワイトと比較します。通常の HDR は「明るく」なり、「ハイライトの影響」が大きくなります。
「デコードサポート」にHDR10/HLG対応と表示されていても、システム/ブラウザによってSDR再生に変換される場合があります(画像全体がグレーになり、ハイライトが明るくならない現象がよくあります)。必ず撮影/ダウンロードしたHDR素材を使用してご確認ください。
外部モニター/画面投影/省電力モード/目の保護モード/夜間視聴は、SDR の劣化を引き起こすことがよくあります。観察する前に、まず内蔵画面を使用し、夜間表示をオフにして明るさを上げ、全画面表示にすることをお勧めします。

HDR ディスプレイ サポート テスト ガイド

ディスプレイ能力の検出 + HDR デコード能力の検出 + 視覚的な比較を通じて、デバイス/ブラウザーの HDR が本当に効果的であるかどうかを判断するのに役立ちます。

ステップ 1

まずは「能力判断」をする

約10秒
右側の「dynamic-range: high」や「color-gamut: rec2020」などの結果を確認してください。
Dynamic-range: high が No の場合、基本的に SDR として処理できます (ブラウザ/システムがこの機能を公開していない場合)。
rec2020/p3 が「はい」の場合、少なくとも広色域出力の可能性があることを意味します。
ステップ 2

視覚的なハイライトコントラストを行う

約20秒
「全画面コントラスト」をクリックし、システムの明るさを上げ、夜間表示/目の保護をオフにします。
SDR ホワイトと「HDR ハイライト (1.6/2.0)」を比較: ほとんど差がない場合、共通の理由は SDR に変換されたことです
SDRグレースケールの比較:暗い部分(黒に近い部分)がレイヤーに分離できるか、「ぼやける」かどうか
ステップ 3

HDR素材を使用したライブ配信確認

約30秒
HDR であることが確認されたビデオ (携帯電話の「HDR ビデオ」で録画したクリップなど) をアップロードします。
全画面再生後に観察します: ハイライト (光/反射/空) が大幅に明るくなったかどうか、および暗い領域の詳細がまだ保持されているかどうか
「全体が灰色になる/ハイライトが明るくない/色がおかしい」場合は、HDR→SDR 変換またはカラーマネージメントの問題が原因であることがほとんどです。ブラウザを変更するかプレーヤーのパスを変更して確認できます

このツールがチェックする内容

このページでは、ブラウザーとディスプレイ パイプラインが、有用な HDR のような機能信号と目に見えるコントラストの違いを公開しているかどうかをチェックします。

ブラウザの HDR 機能のヒント

関連するメディア クエリやレンダリング動作など、ブラウザに表示される表示機能シグナルを探します。

差別化を強調する

明るい領域が明確に分離されているか、崩壊して平坦な SDR のような外観になっているかを確認するのに役立ちます。

影とコントラストの可視性

暗いディテールが潰れずに表示されているかどうかに気づきやすくなります。

色の深さの手がかり

明らかなバンディングや限定的に見えるグラデーションを見つけるのに役立ちます。

全画面表示の動作

テストを全画面表示したときに表示パイプラインが変化するかどうかを比較できます。

ユーザー側の視覚的健全性チェック

より深いディスプレイ調整作業の前に、ブラウザレベルの実用的な印象を提供します。

このツールで確認できないこと

これは視覚的な HDR 準備状況チェックであり、パネルの明るさや色の精度の校正された測定ではありません。

校正レポートではありません

ピーク輝度、絶対 nit、色域カバー率、または EOTF 精度を保証することはできません。

OS トーン マッピングが結果に影響する

システム HDR 切り替え、ブラウザーのトーン マッピング、およびディスプレイ プロファイルはすべて、表示される内容を変更する可能性があります。

スクリーンショットは誤解を招く可能性があります

キャプチャされた画像は、HDR を SDR に平坦化することが多く、実際の視覚的な結果を表していません。

視覚的な判断は主観的です

周囲の照明と自分の目は、HDR の違いがどの程度強く現れるかに影響します。

結果がどのように生成されるか

結果は、ブラウザーに表示される表示機能のヒントと、コントラストと色のテスト パターンのローカル レンダリングから生成されます。

01

表示機能の読み取り

ページは、ブラウザとプラットフォームに関連する表示機能信号をチェックします。

02

パターンレンダリング

ハイライト、シャドウ、グラデーションのコンテンツはブラウザーで直接レンダリングされます。

03

全画面比較

コンテンツを全画面表示したときにブラウザの動作が異なるかどうかを比較できます。

04

目視観察

ハイライトの分離、色の滑らかさ、コントラストが改善されているかどうかを検査します。

05

現地の解釈

このページは、調整された HDR 認定を主張するのではなく、ブラウザーと視覚的な手がかりを要約しています。

結果を解釈する

結果は、表示品質に関する最終的な判断としてではなく、HDR の準備に関するブラウザー レベルのヒントとして使用してください。

観察された HDR 結果おそらく意味
HDR の違いが見えない表示パスがまだ SDR で実行されているか、ブラウザーが HDR 対応のパイプラインを公開していない可能性があります。
ハイライトが色褪せて見えるトーン マッピング、明るさの設定、ブラウザの表示処理によってコントラストが制限されている可能性があります。
強いバンディングが見える有効ビット深度、SDR パス、またはブラウザーのレンダリング制約が制限されています。
全画面表示よりもウィンドウ表示よりも見栄えが良くなりますシステムまたはブラウザにより、全画面モードでの表示動作が切り替わる場合があります。
ハイライトとグラデーションが明らかに改善されたように見えますブラウザと表示パスが、HDR のような便利な動作を公開している可能性があります。

サポートされているブラウザと既知の制限事項

HDR 関連のブラウザの動作は、OS のディスプレイ パイプライン、ブラウザのサポート、およびモニタまたはデバイス自体に大きく依存します。

ブラウザ能力のヒントの暴露ビジュアル HDR テストのサポート全画面表示の動作既知の制限事項
クロムサポートされているシステムに優れています良い良い実際の HDR パスは、OS とディスプレイの構成に大きく依存します。
エッジサポートされている Windows セットアップに優れています良い良い結果は Windows HDR 設定と GPU パスによって異なります。
Firefoxブラウザーの公開がより制限される基本基本HDR 関連の Web 動作は、Chromium よりも一貫性が低くなります。
サファリプラットフォームに依存する基本的なものから良いものまで良いApple ディスプレイ パイプラインの動作はデバイスによって大きく異なる場合があります。
iOSサファリデバイスに依存する基本基本的なものから良いものまでモバイルのトーン マッピングと明るさのポリシーが結果を支配する可能性があります。
アンドロイドクロームAndroid ハードウェアによって異なります基本的なものから良いものまで基本的なものから良いものまでベンダーの表示モードによって、知覚される結果が変わる場合があります。

ユースケース

このテストは、HDR 関連の表示機能が十分にアクティブであるかどうかをブラウザー レベルですばやく把握したい場合に役立ちます。

OSでHDRを有効にした後

ブラウザーでハイライトとグラデーションの分離がより明確に表示されるかどうかを確認します。

HDR のようなコンテンツを見る前に

ブラウザーの表示パスがダイナミック レンジ エクスペリエンスを向上させる準備ができているかどうかを確認します。

ブラウザを比較する場合

あるブラウザーが別のブラウザーよりも説得力のある視覚的な HDR キューを表示するかどうかを確認します。

新しいモニターを接続した後

外部表示パスによってブラウザの結果が変わるかどうかを確認します。

画面が平らに見えるとき

このテストを使用して、ブラウザーが依然として SDR スタイルのパイプラインに留まっている可能性があるかどうかを判断します。

よくある質問

HDR 出力、色域、デコードと実際のルック アンド フィールの違いに焦点を当て、最も一般的な判断とトラブルシューティングのパスを整理しました。

1.

このページは「画面の最大輝度(nits)を測定」できますか?

できません。ブラウザは一般に、画面の明るさの絶対的な上限 (nits) を直接読み取ることができません。このページでは、ダイナミックレンジ/色域/MediaCapabilities を使用してサポートの可能性を判断し、ハイライト コントラストと HDR 素材のライブ ブロードキャストを使用して本当に HDR で出力されているかどうかを確認する、「機能検出 + 主観的比較」の組み合わせを提供します。

2.

ダイナミックレンジ: 高 = はい、HDR である必要がありますか?

必ずしもそうではありませんが、それは強力なシグナルです。ダイナミックレンジ: 高はブラウザの「高ダイナミックレンジ出力能力」の判断を反映します。実際の HDR は、システムの HDR スイッチ、外部モニター、カラー管理、プレーヤー パスの影響も受けます。 「ハイライトカラーブロック比較」や「HDR映像ライブ確認」を行うことをおすすめします。

3.

デコード検出では HDR10/HLG がサポートされていることがわかりますが、画像は SDR のように見えます。これはなぜでしょうか?

非常に一般的です。デコードのサポートは、「このタイプのコード ストリームをデコードできる」ことを意味するだけであり、出力が HDR で表示されることを意味するものではありません。多くの場合、ブラウザ/システムは HDR コンテンツに対してトーン マッピングを実行し、それを SDR に変換します (コンテンツ全体がグレーでハイライトが明るくないことを示します)。システムのHDRがオンになっていること、夜景/目の保護がオフになっていることを確認し、内蔵画面で全画面で再生してから判断してください。

4.

同じデバイス上の異なるブラウザーで HDR 結果が異なるのはなぜですか?

ブラウザーが異なれば、HDR パイプライン、カラー管理、ハード デコード戦略、CSS Color 4 / MediaCapabilities の実装も異なります。特に HEVC/HDR10 は、システム ライセンスの違いにより大きな違いがあります。 Chrome/Edge と Safari/Firefox を少なくとも 1 回比較することをお勧めします (可能な場合)。

5.

CSS rec2020 > 1 (HDR 値) は「サポートされていません」と表示されますが、これは何を意味しますか?

これは通常、ブラウザが CSS で直接表現された「1 を超える HDR ハイライト値」をサポートしていないか、現在の出力リンクがそれを許可していないことを意味します。それでも、デバイスは「ビデオ再生パイプライン」を通じて HDR を実装する場合があります (HDR ビデオの再生時など)。したがって、この機能は「Web ページの HDR ハイライトのレンダリング」に偏っており、「ビデオ HDR」と同等ではありません。

6.

HDR 効果を検証するにはどの映像を使用すればよいですか?

携帯電話で撮影したHDR動画(iPhone/一部Androidの場合は「HDRビデオ/ドルビービジョン」)、またはHDR10/HLGであることを確認したテスト映像を使用することをおすすめします。これをローカル ファイルとしてロードして再生し、ハイライトとシャドウの詳細を観察するのが、最も直観的で信頼性の高い方法の 1 つです。

7.

外部モニター/スクリーン投影は HDR 判定に影響しますか?

ミーティング。外部モニター、ドッキング ステーション、スクリーン キャスト プロトコル、システムの「ミラー/拡張」モードはすべて、HDR の劣化やカラー管理の変更を引き起こす可能性があります。最初にベンチマークのために内蔵画面でテストし、次に比較のために外部リンクをテストすることをお勧めします。

関連ガイド

このテストに関する設定方法、ブラウザ互換性、トラブルシューティングの実用ガイドを確認できます。

HDR 対応モニターの見分け方:オンラインテストで色彩と輝度を完全検証

高画質コンテンツを楽しむため、お使いのディスプレイが本当に HDR(ハイダイナミックレンジ)に対応しているか確認していますか?本記事では、専用オンラインツールを活用した簡単な検査手順を解説します。SDR と HDR の発色違いを直感的に比較し、画面の明るさや色の深さを数値で確認する方法をステップバイステップで紹介します。ブラウザ更新後の不具合調査や、会議・デモ前の動作チェックとしても活用でき、わずか数分で環境の信頼性を担保できます。

HDR 対応モニターの見極め方:オンラインテストで色彩と明るさを完全検証

HDR 対応を謳うモニターやスマホが、実際に正しい輝度と広色域を再現できているか確認する方法を解説します。本記事では、専用ツールを用いた簡単なオンラインテストの手順を紹介。会議や映像編集前の動作確認、OS 更新後の不具合切り分けなど、実務で役立つ検証シナリオを網羅しています。SDR と HDR の違いを視覚的に比較し、ディスプレイの真の性能を見極めるための実用ガイドです。

HDR 対応モニターの見分け方:オンラインテストで色彩と明るさを即座に検証

高画質コンテンツを楽しむためには、ディスプレイの HDR(ハイダイナミックレンジ)対応が不可欠です。本記事では、専用ツールを用いてモニターやスマホが真に HDR をサポートしているかを確認する方法を解説します。SDR と HDR の発色違いを直感的に比較し、画面の明るさや色の深さを測定する手順をステップバイステップで紹介。会議前の動作確認や、OS 更新後の不具合切り分けなど、実務でも役立つ検証テクニックをマスターしましょう。

フィードバック / バグ報告

お使いのブラウザ、端末、発生した内容を教えてください。

この結果はおかしく見えますか?

コメント(0)

0
0