Question

我正在环绕实施一些CSS过滤s,并读到brightness。。缩略语仅限slope . 。提纲中较早提到

每一种过滤器的原始结果都将被归入可允许的彩色和不透明价值的范围。

这意味着,如果我有以下四点的话:

<div style="width:200px; height:200px; background-color: rgb(255,0,0);">My guess</div>

仅是红广场,与红土相比。

<div style="width:200px; height:200px; background-color: rgb(255,0,0); filter:brightness(1.5)">Actual</div>

那么,我就应该有同样的色。由于255* 1.5 > 255,红色价值应降至255,因此保持不变。然而,在 Chrome,差别非常明显。

<div style="width:200px; height:200px; background-color: rgb(255,0,0);">My guess</div>
<div style="width:200px; height:200px; background-color: rgb(255,0,0); filter:brightness(1.5)">Actual</div>

in chrome

Firefox displays them as the same color.

任何人都知道,为了达到这一目的, Chrome正在做些什么? 我期望它们也一样,只是写了上述html。

Answer 1

这将取决于你监测的肤色。当然,你具有广泛的加权(P3或两者),这确实使数值高于1.0。

这还不是偶然的。 Chrome只是把事情推向这里,但你可能不应指望彩色的渠道仅限于欧洲复兴开发银行的<代码>1.0/>>。 color(功能允许我们确定更高的范围:




<div style="width:200px; height:200px; background-color: rgb(255,0,0);">My guess</div>
<div style="width:200px; height:200px; background-color: rgb(255,0,0); filter:brightness(1.5)">Actual</div>
<div style="width:200px; height:200px; background-color: color(srgb 1.5 0 0);">color(srgb 1.5 0 0) </div>



https://github.com/w3c/csswg- drafts/issues/7100" conf=“noestlow noreferer”>,该讨论内容为:

WebKit确实在显示的彩色空间进行堆肥。

https://github.com/w3c/cswg-drafts/issues/7100#issuecomment-1104166869“rel=“nofollow noreferer”

 Chrome在显示物色空间进行堆肥。 我们还在显示的彩色空间进行消化。
有一些例外。 如果显示的彩色空间太远,与欧洲复兴开发银行类似联动的异构体(例如,有线性或PQ转移功能),那么我们就在扩展的欧洲复兴开发银行中进行复合和分类,并做最后的装饰转换成线性或PQ。
我们确切地量化了“远不象欧洲移民团体那样的干预行为”的含义(你可以在此审查目前的逻辑)。

友情链接