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}