浏览器

Question

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

我用浏览器的颜色选择器检查了它，它显示了正确的颜色（＃5cb85c）和按钮颜色的正确预览。但当我做了页面截图并用PhotoShop的颜色选择器检查时，我得到了＃7daf63。

在没有任何其他技术工具的情况下，很容易看到此屏幕截图中的差异。

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

ENV：Mac Air，FF 38.0.1

UPD 1

我在浏览器中以不同颜色的问题。屏幕上的颜色和颜色选择器预览上的颜色。我想明白为什么？

Answer 1

  

我用浏览器的颜色选择器检查它，它显示正确的颜色   （＃5cb85c）

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

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

它也是另一种方式。相同的颜色外观将由sRGB中的一个值指定，但要在另一个颜色空间中匹配它，您将使用不同的颜色值。

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

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