色域测试 — P3 vs sRGB 边界对比
sRGB 参考
P3 广色域
媒体查询检测结果
✗ 仅 sRGB✗ 不支持 Rec.2020
左右两列有差异 = 广色域屏；完全相同 = sRGB 屏（或浏览器未启用 P3）
Features
专业级色域检测
专业级色域测试：六组 P3 超饱和色块与 sRGB 参考并排显示，配合自动媒体查询检测，一眼判断你的屏幕是否支持广色域。
并排超饱和对比
六组色块左 sRGB 右 P3，广色域屏右列明显更鲜艳，sRGB 屏两列完全相同。
自动能力检测
color-gamut 媒体查询自动报告浏览器的 P3 / Rec.2020 支持情况。
CSS 代码级验证
使用 color(display-p3) 原生 CSS 色值，验证的是全链路（浏览器+系统+面板）色域。
Concepts
色域体系
sRGB
标准色域
互联网默认色域，覆盖可见色约 35%。所有内容的「安全」色彩空间。
DCI-P3
广色域
数字影院标准，比 sRGB 大约 25%，红绿更饱和。Apple 全系与 HDR 内容的事实标准。
Rec.2020 / Adobe RGB
专业色域
Rec.2020 覆盖可见色约 75%（UHDTV 标准）；Adobe RGB 偏青绿，服务印刷行业。
How to
三步鉴别色域
01
看检测报告
页面自动读取媒体查询结果，P3 打勾即浏览器链路支持广色域。
02
对比左右列
全屏观察六组色块：右列更艳 = 广色域生效；两列一致 = sRGB 输出。
03
三通道复核
红绿蓝三组差异最明显，重点对比——广色域的红更「炽」、绿更「翠」。
Compare
四大色域覆盖
sRGB
~35%- · 互联网默认
- · 所有设备支持
- · 内容最安全
- · 专业需求起步线
DCI-P3
~45%- · 影院/HDR 标准
- · Apple 生态默认
- · 红绿显著更艳
- · 手机旗舰普及
Adobe RGB
~50%- · 印刷行业首选
- · 青绿范围更广
- · 摄影后期常用
- · 需色彩管理
Rec.2020
~75%- · UHDTV 终极标准
- · 当前无面板全覆盖
- · QD-OLED 约 80%+
- · 未来方向
Tips
优化建议
广色域要会缩限
广色域屏浏览 sRGB 内容（99% 网页）时应开启 sRGB 模式，否则颜色过饱和失真。
Windows 色彩管理
Windows 11 的 ACM 自动色彩管理大幅改善广色域屏的 sRGB 显示，建议开启。
45% NTSC 要警惕
入门笔记本的 45% NTSC ≈ 63% sRGB，颜色灰淡，设计用途请避开。
看面板技术数据
Nano IPS / QD / QD-OLED 的色域容积差异大，选购时看实测覆盖率而非宣传。
FAQ
常见问题
测试环境建议
- 使用最新版 Chrome/Safari 浏览器
- macOS 默认全链路 P3
- Windows 建议开启 ACM
- 日常亮度档观察
- 避免强光直射屏幕
- 与另一台设备并排对比更直观
Related
相关工具
设备指南
本测试对应验机向导第 4 步色域检查，串联全部 8 项检测并生成报告。
Wizard · Step 4 / 8 — Color Gamut