跳转到正文
P3
sRGB
P3 红
P3
sRGB
P3 绿
P3
sRGB
P3 蓝
P3
sRGB
P3 橘
P3
sRGB
P3 青
P3
sRGB
P3 洋红
色域检测
左 P3 · 右 sRGB
测试模式
您的屏幕
sRGB
广色域✗ 仅 sRGB
色深24-bit
Rec.2020✗ 不支持
CSS P3 色彩color(display-p3)
色彩通道
评估指南
可见差异

P3 色块更鲜艳 → 支持广色域

无差异

两侧看起来相同 → 仅 sRGB

专业色域检测工具

透过 P3 超饱和色块、sRGB 边界色彩和渐层过渡测试,视觉评估屏幕的广色域支持。

P3 色域检测

显示超出 sRGB 范围的 DCI-P3 饱和色块。如果屏幕支持广色域,P3 色块和 sRGB 参考之间会有明显差异。如果不支持,两者看起来几乎相同。

渐层边界测试

在 sRGB 和 P3 色域边界处显示平滑渐层。广色域屏幕呈现更丰富的中间色调;标准 sRGB 屏幕在某个点之后显示色彩截断。

RGB 通道测试

独立测试红、绿、蓝通道的色域覆盖。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 印刷色彩,确保「所见即所印」。

如何使用色域测试

三步骤判断屏幕的色域能力。

01

观察色块差异

每组测试包含 P3 饱和色块和 sRGB 参考色块。如果两者明显不同(P3 更鲜艳),屏幕支持广色域。如果看起来相同,屏幕将 P3 色彩截断到 sRGB。

02

检查渐层过渡

在渐层条中观察色彩过渡是否平滑。广色域屏幕展示更丰富的中间色调。如果渐层突然「断开」或变成单一色,那就是屏幕的色域边界。

03

比较三个通道

分别检查红、绿、蓝的延伸范围。大多数广色域屏幕在红色通道延伸最大(P3 红色比 sRGB 红色鲜艳得多),其次是绿色,蓝色最小。

色域标准说明

sRGB(1996)

HP 和 Microsoft 共同开发的标准色域,定义了 CRT 时代的「标准色彩」。至今仍是网页、Windows 和 Android 的默认色彩空间。每台屏幕都应覆盖至少 100% sRGB。

DCI-P3(2005)

数位电影倡议组织的投影色域。在红色和绿色方面比 sRGB 大幅扩展。iPhone 8 以后所有 Apple 设备支持,Samsung 近期旗舰和专业显示器也支持。覆盖人眼可见色彩约 45%。

Adobe RGB(1998)

Adobe 为覆盖 CMYK 印刷色域而创建。在青绿色区域比 sRGB 和 P3 都大。专业摄影显示器(如 EIZO CG 系列)通常标示 99% Adobe RGB 覆盖。

Rec. 2020(2012)

ITU 超高画质电视标准 — 定义最大的色域之一,覆盖可见色彩约 75%。目前几乎没有屏幕能完全覆盖 Rec. 2020;它更多作为目标方向。

各面板类型的色域表现

了解不同面板技术的色彩能力。

IPS(Nano IPS / IPS Black)

色域能力:

• 标准 IPS:约 99% sRGB,少数支持 P3。
• Nano IPS(LG):98% DCI-P3,专业级色彩。
• IPS Black:改善对比度同时维持 P3 级色域。
• 优势:视角一致性高,色彩均匀度佳。

VA 面板

色域能力:

• 量子点 VA:可达 95%+ DCI-P3(Samsung QD 系列)。
• 标准 VA:通常 100% sRGB,85-90% P3 覆盖。
• 优势:高原生对比度(3000:1+),暗场景出色。
• 注意:可能有色彩偏移;广视角下色彩衰减。

OLED / QD-OLED

色域能力:

• WOLED(LG):99% DCI-P3,接近 90% Adobe RGB。
• QD-OLED(Samsung):99.3% DCI-P3,接近广播级。
• 像素级光控搭配极高色彩纯度。
• 目前消费级屏幕中最广色域技术。

Mini LED 背光

色域能力:

• 搭配量子点薄膜可达 97%+ DCI-P3。
• 分区背光带来出色 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 vs 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。Samsung 旗舰(S21+)支持 120% DCI-P3。中阶 Android 手机通常只支持 sRGB 或略低。平板中 iPad Pro 完整支持 P3。

Q.什么是量子点?和色域什么关系?

量子点是奈米级半导体颗粒,能精确转换特定光波长。用于背光模组可产生更纯净的 RGB 光谱,扩大色域覆盖。Samsung QLED 和 QD-OLED 都使用量子点技术。

Q.8-bit 和 10-bit 面板色域一样吗?

色域和位深度是独立的概念。8-bit 面板可以有 100% P3 色域但只显示 1677 万色;10-bit 面板显示 10.7 亿色,渐层更平滑。两者都影响色彩表现但方式不同。