Google Chrome 浏览器似乎总是在更改我试图匹配背景颜色的图像的颜色。我尝试将它保存在 Photoshop 和 GIMP 中，甚至调整了每个中的颜色设置，但它在 Chrome 中没有帮助。 FF 和 IE 工作正常(一次)。
我图片的颜色是#282828。将其保存为 PNG 后，我在 GIMP 和 Photoshop 中重新打开它并使用吸管工具确认颜色仍为 #282828。当它在 Chrome 中呈现时，它会更暗。我有一个背景颜色为#282828 的 div，图像就在它旁边。我拍了一张屏幕截图，div 的背景颜色是#282828，图像背景颜色是#1d1d1d。我尝试了几种不同的颜色，每种颜色都有相同的结果。我什至尝试将源图像设为 Chrome 渲染的颜色，但 Chrome 仍然会更改它。因此，例如，由于 Chrome 正在将 #282828 更改为 #1d1d1d，我将源图像设为 #1d1d1d，当我在 Chrome 中渲染它时，它不是 #1d1d1d，而是其他一些更深的颜色。
此时，我正在寻找修复或程序化解决方法。因为图像是透明的、有曲线和阴影，所以我真的无法避免用 html 替换它，甚至替换它的一部分。
更新: 我还尝试将其另存为 jpg 和 gif。 gif 实际上有效，但无法保留阴影。我正在使用的图像已附上。如果我在 Chrome 中截屏，GIMP 的吸管工具会显示它是#1d1d1d。如果我打开原件并执行相同操作，它是 #282828。
最佳答案
PNG uses gamma correction尝试确保图像在所有显示器上看起来都一样，这可能会导致颜色不匹配，就像您看到的那样。它是图像编辑器问题和浏览器问题的组合:图像编辑器不会被迫在图像中嵌入 Gamma 数据，并且浏览器可以自由地忽略存在的 Gamma 校正，并且可以在不存在的情况下随意强制执行一些 Gamma 校正。在这种情况下，我宁愿认为 Firefox 会忽略它。
如果您不希望它的背景干扰您页面的背景，请使用透明的 PNG。
[编辑] 对于您的具体情况，您可以使用 border-radius 和 box-shadow 通过样式元素复制您正在寻找的图形，两个广泛实现的 CSS3 属性在旧浏览器上会合理衰减。
关于css - 谷歌浏览器更改图形颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13976947/