浏览器中的不同颜色[关闭]

Question

我的浏览器有一个奇怪的问题。页面元素的颜色看起来与我在 css 代码中描述的不同。

我用浏览器的颜色选择器检查了它，它显示了正确的颜色 (#5cb85c) 和按钮颜色的正确预览。但是当我截取页面并使用 PhotoShop 的颜色选择器进行检查时，我得到了 #7daf63。

无需任何其他技术工具即可轻松查看此屏幕截图上的差异。

为什么导致浏览器的画面和浏览器的颜色选择器的结果不一样？有什么想法吗？

环境：Mac Air，FF 38.0.1

UPD 1

我在浏览器中使用不同颜色的问题。屏幕上的颜色和颜色选择器预览上的颜色。我想知道为什么？

Answer 1

我用浏览器的颜色选择器检查了它，它显示正确的颜色 (#5cb85c)

您应该明白 #5cb85c 只是一个 RGB 值，它本身并没有指定颜色。仅当您还知道色彩空间时，该值才有意义。

在 sRGB 中，#5cb85c 是一种颜色，但在 Adob​​eRGB 或显示器的色彩空间中，#5cb85c 是不同的颜色外观。

反之亦然。相同的颜色外观将由 sRGB 中的一个值指定，但要在另一个颜色空间中匹配它，您将使用不同的颜色值。

例如：sRGB #5cb85c 与 Adob​​eRGB #7fb762 的颜色相同，相同的颜色外观将在显示器的色彩空间中使用不同的值指定。

因此，要了解发生了什么，您需要查看您在 Photoshop 中使用的色彩空间，并尝试了解 Firefox 使用的空间。 Firefox 允许在首选项中更改颜色管理，因此浏览器可能正在使用 sRGB 或您的显示器空间。无论哪种方式，除非您使用相同的色彩空间，否则您将无法获得匹配的颜色值。