显示器色域测试｜sRGB、Display P3 与 Rec.2020 视觉筛查

测试目标

测试图案

测试前确认系统使用目标屏幕原生分辨率，浏览器缩放为 100% 系统色彩配置与当前显示器和工作流一致夜间模式、护眼色温和动态色彩增强已关闭使用支持 CSS Color 4 的现代浏览器并重新加载页面

正在检测

点击或使用左侧按钮进入全屏

色块差异记录

比较同一行的 sRGB 参考与目标色域色块。

渐变观察记录

观察渐变是否平滑，是否出现明显断层、色带或异常裁切。

浏览器近似报告近似能力

浏览器近似报告正在检测色域测试已准备；先确认目标色域和测试条件。

color-gamut 只描述用户代理与输出设备支持的近似范围；色块差异还会受到浏览器色彩管理、系统配置、显示模式和内容映射影响。本页不会输出色域覆盖率或容积百分比。

使用方法与结果解释

先查看浏览器近似色域报告，再切换色块对比和渐变图案。宽色域环境中，目标色域色块可能比 sRGB 参考更饱和；若没有差异，也可能是浏览器、系统色彩配置、显示模式或面板能力限制导致。

工具使用 CSS 的 color-gamut 媒体特性读取用户代理和输出设备报告的近似色域范围，并使用 CSS Color 4 的 color() 语法输出 Display P3 或 Rec.2020 测试颜色。它不是面板光谱测量。

网页无法读取显示器真实原色坐标、白点、亮度、色域覆盖率或色域容积。HDR/SDR、不同输入接口、系统 ICC、浏览器和显示器预设都可能改变结果。需要百分比时必须使用色度计或分光仪与校准软件。

怎么测试显示器是否支持 P3 色域

先查看浏览器是否报告 Display P3 或更高，再比较 sRGB 与 Display P3 色块。两者都只能用于筛查；要确认覆盖率和色准仍需仪器测量。

网页色域测试能测覆盖率吗

不能。网页无法获得面板原色坐标和实测色度数据，因此不能可靠计算 95% P3、100% sRGB 等覆盖率。

sRGB 和 Display P3 色块看不出区别怎么办

可能是显示器只覆盖 sRGB、当前模式限制色域、系统或浏览器未正确进行色彩管理，也可能测试颜色被裁切。先检查配置，再用另一台已知宽色域设备交叉验证。

浏览器 color-gamut 报告准确吗

它只表示用户代理与输出设备支持的近似范围，不是面板覆盖率、色域容积或色准证明。应把它作为能力线索，而不是硬件认证。

工具信息与来源

工具完全在浏览器本地运行，不上传测试条件或观察记录；复制只在用户点击后调用剪贴板。

颜色空间与 color() 语法参考 W3C CSS Color Module Level 4；近似色域检测参考 W3C Media Queries 的 color-gamut 媒体特性。