Firefox 和 Chrome 中的颜色渲染差异答案

【问题标题】：Color rendering differents in Firefox and ChromeFirefox 和 Chrome 中的颜色渲染差异
【发布时间】：2015-08-02 20:15:27
【问题描述】：

我想在不同浏览器中截取网站的屏幕截图，并假设网站的某些部分具有特定颜色（我事先将其设置为红色）。

但是，当我在图像应用程序中比较 Firefox 和 Chrome 中的屏幕截图时，我可以看到确实，在 Chrome 中元素的颜色是#FF0000，而在 Firefox 中它是#FC0D1B。

我认为它与颜色配置文件有关，所以我转到 Firefox about:config 并将 gfx.color_management.mode 从 1 更改为 0。我尝试了所有可能的值，但没有任何区别。

我不能简单地停用颜色校正或以某种方式获得与 Chrome 相同的结果吗？

该元素实际上是#FF0000 对我来说非常重要，因为我会寻找具有该颜色且阈值为零的元素。

这是一个非常简单的 jsfiddle，它也会发生（仅在 Firefox 中）。我刚刚设置了background-color:redhttps://jsfiddle.net/don1savx/。

我使用的是 Macbook Pro 13" 2013。我在 Preferences -> Displays 中的个人资料设置为 Color LCD（至少我认为这是英文的名称）

【问题讨论】：

请您提供代码，以便我们尝试重现问题，如果可能，请提供您参考的屏幕截图？
尝试在 Firefox 中禁用/启用硬件加速：工具 > 选项 > 高级 > 常规 > 浏览：取消选中/选中“可用时使用硬件加速”
您也可以查看此链接：css-tricks.com/color-rendering-difference-firefox-vs-safari
我添加了一个 jsfiddle 切换硬件加速没有帮助 :( 并且您提供的链接建议关闭颜色配置文件。这就是我在更改 gfx.color_management.mode 时所做的
gfx.color_management.mode = 2 怎么样？

【解决方案1】：

我无法重现该问题。在 Photoshop 中的 firefox 屏幕截图粘贴中创建背景颜色为 #FF0000 的元素给了我 #FF0000 的颜色。

Firefox 可以通过两种方式更改您的颜色。文本偏好或主题。

我在 macbook pro 上运行最新版本的 firefox，没有附加组件。

【讨论】：

我没有安装主题。我去了字体/颜色设置并禁用了在对比度高时覆盖某些颜色的选项。现在颜色确实不一样了。但是，它仍然不是#FF0000。现在是#F91628。我也有没有附加组件的最新版本。