P3色域测试
Free在色轮上比较sRGB与Display P3的12种色调，准确查看广色域显示器在哪些地方显示更鲜艳的颜色。
完全在您的浏览器中运行。
-此工具的功能
此工具直接在您的浏览器中,针对色轮上 12 个均匀分布的色相,对比 sRGB 与 Display P3,让您能够准确了解显示器实际比标准 sRGB 展现得更宽广的颜色具体是哪些,以及宽出多少,而不仅仅是简单的通过/未通过检查。
工作原理
在 HSL 色轮上以 30 度间隔生成十二种色相,每种都是全饱和度和 50% 明度,呈现出该色相最鲜艳的 sRGB 版本。然后使用 CSS 的 color(display-p3 ...) 函数(而不是普通的 rgb())对相同的三个 RGB 数值进行第二次渲染,因此该颜色是相对于 Display P3 更宽的原色(而非 sRGB 的原色)来解读的。由于 P3 的红色和绿色原色比 sRGB 更靠外,而其蓝色原色几乎相同,在两个色彩空间中重复使用相同的数字会为暖色调产生明显更饱和的结果,而对蓝色则产生几乎相同的结果,直接可视化了 P3 与 sRGB 色域差异的实际形状,而不是抽象地描述它。
解决的问题
- 准确了解哪些色相从广色域显示器中受益最多,而不仅仅是是否支持 P3。
- 确认您当前的浏览器和显示器组合中,Display P3 渲染确实处于激活状态。
- 理解为什么某些颜色在 P3 屏幕上看起来明显更鲜艳,而其他颜色几乎看起来一样。
- 在投资广色域硬件之前,快速直观地了解 P3 优势究竟有多大。
常见问题
›什么是 Display P3?
它是比 sRGB 更宽的色彩空间,被大多数现代苹果设备以及越来越多的 Windows 和安卓显示器所使用。它使用更饱和的红色和绿色原色,能够显示一些 sRGB 根本无法表现的颜色,尤其是深红色、橙色和绿色。
›为什么有些行显示的差异比其他行更大?
P3 的蓝色原色与 sRGB 非常接近,因此蓝色和紫色从更宽的色域中获益甚微。它的红色和绿色原色比 sRGB 明显更饱和,这就是为什么红色、橙色、黄色和绿色往往表现出最明显的鲜艳度提升。
›在我看来所有行都一样,这意味着什么?
要么是您的显示器不支持 Display P3,要么是您的浏览器不支持,这两种情况都很常见,不是问题,只是意味着您看到的仅是标准的 sRGB 范围。请查看工具顶部的徽章,如果显示未检测到 P3,那就直接说明了行显示相同的原因。
›每一行中的 sRGB 和 Display P3 颜色是如何关联的?
一行中的两个色块使用完全相同的三个数字,只是在两个不同的色彩空间中被解读。由于 Display P3 的红色和绿色原色比 sRGB 更饱和,在 P3 空间中使用相同的数字会产生同一色相更浓烈的版本,而不是一个不相关的颜色。
›更宽的色域总是更好吗?
对于查看以 P3 或类似广色域制作的照片和视频,是的,它能显示出更多被捕捉到的内容。对于以普通 sRGB 制作的日常网页内容,更宽的色域主要在浏览器和操作系统正确管理色彩时才有意义,否则 sRGB 内容在广色域屏幕上可能看起来过饱和。
评论 (0)
觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。
暂无评论,快来抢沙发分享您的想法吧!