P3 色块更鲜艳 → 支持广色域
两侧颜色相同 → 仅支持 sRGB
专业色域覆盖检测工具
通过 P3 超饱和色块、sRGB 边界色和渐变过渡测试，直观判断显示器的广色域支持能力。
P3 色域检测
显示超出 sRGB 范围的 DCI-P3 饱和色块。如果你的显示器支持广色域，你能看到这些色块与 sRGB 对照色之间的明显差异。不支持则两者看起来几乎一样。
渐变边界测试
在 sRGB 与 P3 色域的交界区域展示平滑渐变。广色域显示器能展现更多中间色调，标准 sRGB 显示器则会在一定范围后出现色彩截断（clipping）。
红绿蓝三通道
分红、绿、蓝三个通道独立测试色域覆盖率。P3 色域在红色和绿色方向扩展最大，蓝色方向扩展较小。这解释了为什么 P3 屏幕的红色和绿色最为鲜艳。
什么是色域？
理解色域标准及其对显示器画质的影响。
sRGB
最通用的色域标准，覆盖人眼可见颜色的约 35%。几乎所有网页、视频和操作系统都基于 sRGB。99% sRGB 覆盖率是显示器的基础门槛——达不到意味着偏色。
DCI-P3
比 sRGB 大约 25% 的色域空间，由电影行业制定。Apple 生态（iPhone、MacBook、Pro Display XDR）全面采用 P3。HDR 内容通常使用 P3 色域编码，是当前高端显示器的主流标准。
Adobe RGB
面向专业印刷和摄影的色域标准，在青绿色区域比 sRGB 扩展显著。摄影师使用 Adobe RGB 可以覆盖 CMYK 的大部分印刷色域，确保"所见即所印"。
如何使用色域测试
三步判断你的显示器色域能力。
观察色块差异
每组测试包含 P3 饱和色和 sRGB 对照色。如果两者颜色明显不同（P3更鲜艳），说明你的显示器支持广色域。如果看起来一样，说明显示器将 P3 色彩裁剪到了 sRGB。
检查渐变过渡
在渐变条中观察色彩过渡是否平滑。广色域显示器能展现更丰富的中间色调。如果渐变在某个位置突然"断掉"或变成同一颜色，那就是你显示器色域的边界。
对比三通道
分别检查红、绿、蓝通道的扩展程度。大多数广色域显示器在红色通道扩展最明显（P3 红比 sRGB 红鲜艳很多），绿色次之，蓝色最小。
色域标准详解
sRGB (1996)
HP 和 Microsoft 联合制定的标准色域。定义了 CRT 显示器时代的"标准颜色"。今天仍是 Web、Windows、Android 的默认色彩空间。所有显示器都应至少 100% 覆盖 sRGB。
DCI-P3 (2005)
数字电影倡议组织制定的电影放映色域。比 sRGB 在红色和绿色方向大幅扩展。iPhone 8+ 以来的 Apple 设备、近年的三星旗舰和专业显示器均支持。覆盖约 45% 的人眼可见色。
Adobe RGB (1998)
Adobe 为了覆盖 CMYK 印刷色域而制定。在青绿色区域比 sRGB 和 P3 都大。专业摄影显示器（如 EIZO CG 系列）通常标注 99% Adobe RGB 覆盖。
Rec. 2020 (2012)
ITU 为超高清电视制定的色域标准，是目前最大的标准色域之一。覆盖约 75% 的人眼可见色。现阶段几乎没有显示器能 100% 覆盖 Rec. 2020，它更多是一个"目标"。
不同面板的色域表现
了解各面板技术的色彩能力。
IPS (Nano IPS / IPS Black)
色域能力：
• Nano IPS（LG）：98% DCI-P3，专业级色彩。
• IPS Black：对比度提升，色域保持 P3 级别。
• 优势：视角一致性好，色彩均匀度高。
VA 面板
色域能力：
• 普通 VA：通常 100% sRGB，P3 覆盖 85-90%。
• 优势：原生对比度高（3000:1+），暗场出色。
• 注意：可能存在色偏，大视角下色彩衰减。
OLED / QD-OLED
色域能力：
• QD-OLED（三星）：99.3% DCI-P3，接近广播级。
• 像素级控光，色彩纯度极高。
• 当前色域最广的消费级显示技术。
Mini LED 背光
色域能力：
• 背光分区控光，HDR 色彩表现出色。
• 比传统 LED 背光色域提升 15-20%。
• 代表：Apple Pro Display XDR、ASUS PA32UCR。
色彩管理实用建议
加载 ICC 配置
使用校色仪（如 i1 Display Pro）生成 ICC 配置文件。操作系统加载后可精确匹配显示器的实际色域，避免颜色过饱和或偏色。
选择正确模式
广色域显示器应在系统中启用色彩管理。macOS 自动处理；Windows 需在显示设置中启用 ICC 或使用"sRGB 模式"钳制色域。
匹配内容色域
网页浏览和普通办公使用 sRGB 模式。照片编辑使用 Adobe RGB。视频剪辑和 HDR 内容使用 P3。不匹配会导致过饱和。
浏览器色彩管理
Chrome 和 Firefox 支持 CSS color() 函数和 P3 色彩。Safari 色彩管理最完善。使用 color(display-p3 ...) 可以在网页中指定 P3 色彩。
常见问题解答
Q.100% sRGB 和 100% P3 哪个更好？
不能简单比较。sRGB 是基础，100%覆盖是底线。P3 更广，100% P3 意味着可以显示更鲜艳的颜色。但如果没有色彩管理，广色域反而会导致日常内容过饱和。
Q.为什么我的广色域屏幕颜色过于鲜艳？
因为 Windows 的色彩管理不如 macOS 完善。大部分应用不会读取 ICC 配置文件，直接将 sRGB 内容映射到广色域面板上，导致过饱和。解决：使用显示器 OSD 中的"sRGB 模式"。
Q.CSS 中如何使用 P3 色彩？
使用 color(display-p3 r g b) 函数，值为 0-1。例如 color(display-p3 1 0 0) 是 P3 纯红。搭配 @supports 和 @media (color-gamut: p3) 查询，可以优雅降级。
Q.手机屏幕的色域通常是多少？
iPhone 8 以来全系支持 P3 色域。三星旗舰（S21+）支持 120% DCI-P3。中端 Android 手机通常只支持 sRGB 或略低。平板中 iPad Pro 系列全面支持 P3。
Q.什么是量子点？和色域有什么关系？
量子点（Quantum Dot）是纳米级半导体颗粒，可以精确转换特定波长的光。用在背光模组中可以产生更纯的红绿蓝光谱，从而扩大色域覆盖。三星 QLED 和 QD-OLED 都使用量子点技术。
Q.8-bit 面板和 10-bit 面板色域一样吗？
色域和色深是两个独立概念。8-bit 面板可以有 100% P3 色域，但只能显示 1670 万种颜色；10-bit 面板显示 10.7 亿种颜色，渐变更平滑。两者都影响色彩表现但方式不同。
色域选购小贴士
- • 日常办公： 100% sRGB 足够。广色域反而可能导致网页和文档颜色过饱和。
- • 摄影后期： 优先选择 99%+ Adobe RGB 的专业显示器，搭配校色仪使用。
- • 视频剪辑： 选择 95%+ DCI-P3 + HDR 支持，确保 HDR 内容的准确预览。
- • 前端开发： 用 @media (color-gamut: p3) 查询为广色域设备提供更鲜艳的品牌色。