在CSS中更改页面的颜色配置文件

问题描述 投票:1回答:1

我正在开发2019年末的Macbook Pro,它支持P3色域(宽色)。

我正在建立一个包含大块鲜艳色彩的网站,我只希望这些色彩尽可能鲜艳。

大多数目标受众也将具有支持P3的显示器。

[我发现我的网站在Firefox中看起来很棒 –比Safari更好。事实证明,Firefox不执行任何颜色管理,因此将应用完整的P3色域。

Safari在sRGB空间中转换(或保留)我的颜色,这使它们变暗了。不使用任何色彩管理的Firefox使用完整的P3色域。

[要查看区别的示例,请运行以下代码片段(仅适用于Safari上色彩较宽的计算机):

<html><head><style>
    
#box1 {
    background-color: color(display-p3 0 1 0);
    height:50px;
}
    
#box2 {
    background-color: rgb(0, 255, 0);
    height:50px;
}
    
</style></head><body>
    
<div id="box1">P3 Color</div>
<div id="box2">sRGB Color</div>

当在P3空间中定义颜色时,您会看到绿色更加生动]。

或者,您可以在Chrome和Firefox中打开此代码。

并排,您可以轻松地看到Firefox中的绿色更加丰富。

我正在寻找一种告诉Safari的方法:不要将颜色限制为sRGB,请使用P3的全部亮度。

我想重写我的CSS,但只需要做一次。类似于在顶部添加:

@media color-gamut: p3{
  @color-profile{ name: p3; src: url(/files/P3.icc); }
}

我正在自动化环境中工作,而我必须手动为每个图像指定色彩空间的任何解决方案都是无法使用的。

我可以修改的是基本文档模板

,包括基本CSS,所有页面都相同。

欢迎任何解决方案。我拥有如此出色的计算机以及令人赞叹的显示屏,真是令人um目结舌,它有意识地使我所有的颜色都变得比所需的更褪色。

我正在研究2019年末推出的Macbook Pro,它支持P3色域(宽色)。我正在建立一个包含大块鲜艳色彩的网站,我只想让色彩一样鲜艳...

css safari default-value color-profile color-management
1个回答
0
投票

我已经对此进行了测试,并且完全有不同的经验。

© www.soinside.com 2019 - 2024. All rights reserved.