CSS：浏览器显示的颜色代码与 CSS 样式表上设置的颜色代码不同

Question

我有一个具有以下属性的 div：

background-color: #327EB2;

当我在浏览器上打开页面时，我注意到显示了不同的颜色。如果我捕获屏幕并在 Photoshop 上打开捕获的图像，我可以看到捕获的颜色代码实际上是#437BB6。我的 CSS 样式表中没有设置该颜色。

我在不同的显示器、不同的颜色分辨率、不同的浏览器和版本（从 FF 4+ 到 IE8+、Opera、Chrome、Safari 等）上进行了测试...

其实我不认为这是显示器、分辨率或浏览器版本的问题，因为问题是显示的颜色的代码实际上是完全不同的！

另外，Photoshop 警告我 #327EB2，它不是“网络安全颜色”，但我认为这不是问题，因为我经常在工作表中使用非网络安全颜色，而且从未遇到过这样的问题。

** 小提琴： http: //jsfiddle.net/286tE/

*更新

问题是 div 有背景图像和背景颜色。背景颜色必须与背景图像最后一个像素的颜色（像往常一样）相匹配，即#327EB2。无论如何，我可以看到从图像的最后一个像素到背景颜色的不同颜色：

您可以在这里看到该页面，问题显示在左侧“Top Marchi”列表之后：

我保留了纯 CSS 和 JS（未压缩），以便您查看所有属性。

** 更新2

我使用 Mac，但我们在 Windows 上也可以看到该问题。

Answer 1

你的问题与CSS无关，问题出在图像上！

这是因为您提供的示例在额外的背景（通过 CSS“着色”的背景）上显示了正确的 #327EB2，这足以知道 CSS 部分是可以的。

请注意通过 Photoshop 导出的文件中进行的颜色校正/管理。

如果您无法进行颜色管理/恢复到所需的颜色，另一个解决方案是做相反的事情，更改 CSS 颜色以匹配图像的最后一行。