色域检测
检测显示器色域、HDR 与色彩空间支持，并输出综合能力评分。
隐私安全：所有处理均在您的浏览器本地完成，数据绝不上传色域检测色彩空间显示器检测
色彩能力评分
--/ 100
检测中…
正在检测…
检测结果
CIE 1931 色度图
光谱轨迹与三大色域三角形均为内置数据绘制；高亮表示当前设备可覆盖的色域范围。
sRGB
Display P3
Rec.2020
说明：以上结果均为浏览器能力探测，实际显示效果取决于显示器硬件、操作系统色彩管理与浏览器版本，仅供参考。
工作原理
- 1页面加载后自动执行检测：全部通过浏览器本地能力探测 API（matchMedia / CSS.supports / Canvas）完成，无任何网络请求。
- 2色域与 HDR 依据媒体查询的包含关系判定——匹配 P3 即代表至少支持 sRGB，匹配 Rec.2020 则代表同时支持 P3 与 sRGB。
- 3色彩深度结合 screen.colorDepth 与 (min-color) 逐级探测，并以 Canvas 像素读取验证 P3 渲染链路是否生效。
- 4所有检测项按权重汇总为 0~100 的色彩能力评分，并在 CIE 1931 色度图上高亮当前设备可覆盖的色域范围。
- 5结果仅保存在当前页面内存中，可一键复制摘要或导出 JSON / 文本报告，刷新即重新检测。
常见问题
检测结果为 sRGB，是不是我的显示器不好？
不一定。sRGB 是网页与绝大多数内容的基准色域，多数办公显示器即为 sRGB。检测基于浏览器能力探测，若你的显示器本身支持广色域但浏览器或系统色彩管理未开启，也可能只报告 sRGB。
为什么检测不到 Rec.2020 色域？
Rec.2020 是 HDR 影视制作的超广色域标准，消费级显示器几乎无法完全覆盖，因此浏览器极少报告匹配。未匹配并不代表设备异常。
HDR 显示「不支持」说明我的屏幕不能显示 HDR 吗？
不能这样推断。浏览器可能不向网页暴露 HDR 能力，或需要系统 HDR 开关处于开启状态才会报告匹配。HDR 检测结果仅供参考，请以系统显示设置与厂商规格为准。
这个工具会上传我的设备信息吗？
不会。所有检测都在你的浏览器本地完成，页面不发起任何网络请求，检测结果仅在当前页面内存中保存，关闭或刷新页面即清空。
CSS 颜色函数检测的结果如何理解？
它反映的是当前浏览器能否解析诸如 oklch()、color-mix() 等现代颜色语法。支持意味着你可以在项目中直接使用这些写法；不支持时需提供回退颜色。
评分是怎么算出来的？
每项检测按重要性赋予权重，支持计满分、部分支持计一半、不支持计 0 分，最后加权求百分比并取整。评分只用于横向比较色彩能力，不代表显示器画质优劣。