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 媒体查询。没有数据离开您的浏览器。