Skip to main content

您的螢幕支援 HDR 嗎?

透過 matchMedia 偵測 HDR 支援、查看 HDR 對比 SDR 比較圖案,並測試亮度漸層階梯。辨識動態範圍和 P3 色域能力 — 全部使用 Canvas 在本機渲染。

使用 CSS 媒體查詢偵測 HDR10 和 P3 廣色域支援,然後顯示視覺比較圖案以確認延伸亮度和色彩範圍。

HDR 顯示器支援 10 位元色彩(10.7 億色),峰值亮度 400-10,000 尼特,對比 SDR 的 8 位元上限 300 尼特。

HDR Support

Detecting...

Wide Gamut (P3)

Not Supported

Left half shows SDR range (0-200), right half extends to full HDR range. On HDR displays, the right half should appear brighter.

您的結果代表什麼?

Result Range Meaning
良好 偵測到 HDR 並支援 P3 色域 您的螢幕支援高動態範圍內容和廣色域 — HDR 影片和遊戲將以延伸亮度和色深渲染。
警告 偵測到 P3 色域但不支援 HDR 螢幕有廣色域但缺乏 HDR 亮度能力。顏色豐富但峰值亮度限於 SDR 等級(~300 尼特)。
不佳 未偵測到 HDR 和 P3 螢幕為 SDR 且僅有標準 sRGB 色域。HDR 內容將被色調映射為 SDR,失去高光細節和色彩鮮豔度。

常見問題與解決方法

HDR 螢幕在測試中顯示為 SDR

在作業系統設定中啟用 HDR:Windows > 設定 > 顯示器 > HDR,macOS 在支援的螢幕上自動啟用 HDR。也確保線材支援 HDMI 2.0+ 或 DisplayPort 1.4+。

HDR 內容看起來褪色或過亮

在作業系統 HDR 設定中調整 SDR 內容亮度滑桿。Windows 使用「SDR 內容外觀」滑桿。確保螢幕的 HDR 模式設為「自動」而非強制開啟。

相關工具

常見問題

如何檢查螢幕是否支援 HDR?

此工具使用 CSS 媒體查詢 (dynamic-range: high) 偵測 HDR 能力。也檢查 P3 廣色域支援。HDR/SDR 比較圖案幫助您目視確認螢幕是否渲染延伸亮度等級。

HDR 和 SDR 有什麼區別?

SDR 使用 8 位元色彩,亮度範圍有限(最高 ~300 尼特)。HDR 支援 10 位元或更高色深,峰值亮度 400-10,000 尼特,提供更亮的高光和更深的黑色。

為什麼 HDR 螢幕仍顯示 SDR 結果?

HDR 必須在作業系統顯示設定中啟用。Windows 在顯示設定中啟用「HDR」。macOS 在支援的螢幕上自動啟動 HDR。瀏覽器也必須支援 HDR 內容渲染。

資料會上傳到伺服器嗎?

不會。所有測試圖案使用 HTML Canvas 在本機渲染。HDR 偵測使用瀏覽器 CSS 媒體查詢。資料不會離開瀏覽器。