浏览器中的不同颜色

Different colors in browser

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

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

无需任何其他技术工具,很容易在此屏幕截图上看出差异。

为什么浏览器的屏幕结果和浏览器的颜色选择器的结果不同?有什么想法吗?

环境:Mac空气,FF 38.0.1

UPD 1

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

I checked it with browser's color picker and it showed right color (#5cb85c)

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

在 sRGB #5cb85c 中是一种颜色,但在 Adob​​eRGB 或显示器的颜色中 space#5cb85c 是另一种颜色外观。

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

例如:sRGB #5cb85c 与 Adob​​eRGB #7fb762 的颜色相同,相同的颜色外观将在您的显示器颜色中指定为不同的值 space。

因此,要了解发生了什么,您需要查看您在 photoshop 中使用的颜色space,并尝试了解 space Firefox 使用的颜色。 Firefox 允许在首选项中更改颜色管理,因此浏览器可能正在使用 sRGB,或者您的显示器 space。无论哪种方式,除非您使用相同的颜色space.

,否则您不会获得匹配的颜色值