CSS颜色和图像颜色

Question

我是一个有用的助手，可以为您进行翻译。以下是需要翻译的内容：

我有一个问题。CSS颜色（#xxxxxx）和图像颜色是否相同？

例如，CSS样式如下：

#div1 { 
    background-color: #cf5654;
}

#div2 {
    background-image: url('1.png');
}

图片的颜色是#cf5654。在任何屏幕上都会保持一致吗？

- Zachary Wang

---

具有相同颜色代码的颜色始终相同。这实际上取决于您的图像是什么颜色。 - Kees Sonnema

为什么要使用图像来做简单的彩色背景？ - Trajan

Answer 1

在任何屏幕上看到的颜色都一样吗？

不是。

图片可以包含颜色配置文件，但不一定必须有。

并非所有浏览器都支持颜色配置文件。也并非所有浏览器都具有颜色管理功能。

显示器可能被正确校准或者未经校准。

在一个正确进行颜色管理和校准的系统上，图像应该与十六进制颜色相同。然而，如果浏览器/系统没有进行颜色管理，或者校准不良，则图像很可能与十六进制颜色不同。实际上，在某些情况下，图像和十六进制颜色之间可能存在极大的差异。

- Scott

Answer 2

不错，但是在谈论跨浏览器渲染HEX时可能需要单独考虑。

这里阅读一下也许会有所帮助：http://css-tricks.com/color-rendering-difference-firefox-vs-safari/

因此，在这种情况下，我的答案是否定的。

- bboy

---

谢谢，我会在以后注意这些错误。 - Zachary Wang

Answer 3

这取决于图像压缩，手动创建的PNG图像周围可能会有一些边框。但是通常情况下不会有边框，在任何屏幕上都是相同的。

- Maros Macko