CSS 中使用 Display-P3 实现广色域

我之前从未听说过：CSS 颜色模块级别 4 规范 中支持 Display-P3。这是一种某些显示器支持的新颜色配置文件，它引入了我们可以从中选择的更广泛的颜色范围。

目前，CSS 中的语法如下所示

header {
  color: rgb(0, 255, 0); /* fallback color */
  color: color(display-p3 0 1 0);
}

看起来很奇怪，对吧？在 WebKit 博客上，Nikita Vasilyev 展示了如何在 Safari 的 DevTools 中查看这些新颜色

早在 2016 年，Dean Jackson 就写过一篇关于改进网络上的颜色的文章，以及为什么 Apple 对这种更广泛的色域感兴趣。总体思路是，更准确的颜色可以带来更好、更生动的用户体验。

此外，看起来目前只有 Safari 支持这些功能。

直接链接 →