Figma 增加对 Display P3 颜色的支持

如果是设计 Apple 设备的应用,比如 iOS / iPad App,可以使用 Display P3 。但如果是设计网页应用,建议还是使用 sRGB。关于颜色配置文件的设置,Figma 官方的这篇文章写的很清楚:

Manage color profiles in design files

Display P3(也称为 P3)具有更鲜艳的色彩,并且比 sRGB 呈现的视觉清晰度高出 49%。虽然尚未成为网络和显示的标准,但它越来越受欢迎。

在前端实践中,可以保留有一个 fallbacksRGB 方案,使得在不支持 P3 的显示器下也能正常显示 sRGB 色彩。

例如:

1background-blue{ 
2    background-color: #ff4921;
3}
4
5@supports (color: color(display-p3 1 0.356 0.2183)) {
6    background-blue: color(display-p3 1 0.356 0.2183);
7}

欢迎留言