我可以在浏览器中获得一致的 CSS 颜色吗？答案

【问题标题】：Can I get consistent CSS colors across browsers?我可以在浏览器中获得一致的 CSS 颜色吗？
【发布时间】：2011-01-09 07:06:44
【问题描述】：

我正在测试一个新网站，我有一个 div

background-color: #bbf6bb;

这对我来说似乎是无害的。然而，在我的 MacBook Pro 上，Firefox 3.6 与 Safari 4 中的颜色看起来非常不同。在 Safari 中，这是我期望从十六进制值中获得的颜色：淡绿色。在 Firefox 中，有一种明确的蓝色调，使颜色变成绿松石色。

我知道不同浏览器对图像的不同处理会导致颜色不一致，但在纯 CSS 中？真的吗？我猜 Firefox 试图纠正我的显示以希望与打印提供更好的一致性，但我更希望我的网站在我的用户看来是相同的色调，无论他们选择何种浏览器。有任何想法吗？有人可以确认 Firefox 是这里的罪魁祸首吗？

[更新：这似乎是侥幸。具体来说，这是 Firefox 的一个狭隘问题——请参阅下面的答案。我很困惑，但松了一口气。]

【问题讨论】：

你的风格标签有“media=screen”属性吗？
正如我在对我的回答的评论中所说的，你能创建一个屏幕截图吗？这真的很奇怪。
我希望当时能截图，因为现在我发现自己无法重现该问题。我确定它在那里......

标签： css firefox cross-browser colors

【解决方案1】：

但我更希望我的网站在我的用户看来是相同的色调，无论他们选择何种浏览器。

就是这样 - 如果没有颜色校正，它不会在不同的用户看来是一样的，因为不是每台显示器都有完全相同的颜色响应。

【讨论】：

我认为您没有仔细阅读我的问题。这与不同的显示器无关。我说的是 Firefox 和 Safari，在同一个显示器上，具有相同的系统设置。
Safari 不会对没有颜色配置文件的 CSS 和图像执行颜色校正，而 Firefox 会为这些设置 sRGB。最终结果是 Firefox 用户在所有显示器上获得大致相同的颜色，而 Safari 用户根据他们所使用的显示器获得完全不同的颜色。

【解决方案2】：

我已经隔离了这个问题！这绝对是 Firefox 3.6 的错误（在 Mac OS 10.6 上运行）。似乎与打开大量选项卡有关。如果我创建一个新选项卡并转到该页面，我会得到稍微偏离的颜色（蓝绿色而不是绿色）。如果我创建一个新窗口并转到同一页面，则颜色是准确的。是的，如果我刷新两个实例，这仍然会发生。

[编辑：屏幕截图放错了位置，但我支持这个答案。]

【讨论】：

其实我不知道你是怎么截屏的，但是色差在浏览器主题中也很明显，所以我质疑这个测试。 ;)

【解决方案3】：

color managent 颜色配置文件不仅会更改图像（可以保存这些图像），还会更改 rgb 颜色。

【讨论】：

好的，对，但在 Firefox 和 Safari 中有所不同？我需要一个更具体的答案。

【解决方案4】：

这与浏览器无关，更多的是与用户显示器的色彩校正有关。每台显示器的颜色显示方式略有不同；此外，显示器周围的背景照明也很重要（温暖的日光与通常较冷的内部灯光等）。

可悲的是，你真的无能为力。您可以将颜色配置文件嵌入到您的图形中，这是设计专业人员在发送数据进行打印时的做法，但这只会为极少数（图形设计师）经过颜色校准且正确的显示器提供一半不错的结果设置 - 我认为 IE 根本不会解析颜色配置文件。

【讨论】：

不，这与浏览器有关。阅读问题。
@Trevor：抱歉，我没有仔细阅读你的问题。现在这真的很奇怪。你能创建一个屏幕截图来显示两个这样的不一致吗？看看实际的颜色值会很有趣。
如果你不给你的图像一个颜色配置文件，浏览器应该将它们理解为 sRGB（因此，我总是做“转换为 sRGB”并在执行“保存为网络”时剥离颜色配置文件Photoshop）。