css - sRGB 和跨浏览器颜色差异

Question

您可能知道颜色在浏览器中的显示方式不同，无论是 CSS 还是某些图像。在做了一些研究之后，Sketch、Firefox 和 Chrome(我在 OSX Yosemite 上)似乎使用了 sRGB 配置文件。 Safari 和 Finder 似乎使用了其他东西，颜色也完全不同。我试图在我的工作区中建立一些一致性。

我的理解是 Safari 默认使用操作系统颜色配置文件，即“彩色 LCD”。切换到 sRGB(我在“显示”>“颜色”列表中的一种以及我下载的一种)会导致超蓝/褪色的颜色。

如何让 Safari 使用 sRGB？或者我不正确，这是问题？我目前面临的部分挑战是为客户端提供 CSS 调色板，但我不知道哪个浏览器更“正确” - 我假设我假设使用 sRGB 并且 Safari 不正确，但也许不正确？

Answer 1

古董问题路演

非常过时的问题，这是一个现代的答案:

在提问的时候，Chrome和Firefox没有色彩管理，而Safari和OS X已经有很长一段时间的色彩管理了。网络的标准是 sRGB - 但要与非色彩管理浏览器一起使用，必须校准显示器(不仅仅是配置文件)以符合 sRGB。

今天

今天，Firefox 和 Chrome 是颜色管理的(取决于版本，可能只适用于图像而不是 CSS 颜色)。

要在 Chrome 中强制使用某个 ICC 配置文件，您可以将其输入地址栏中:

chrome://flags/#force-color-profile

尽管如此，许多移动浏览器仍然没有颜色管理(颜色管理使用大量处理器资源)。

广阔的色域世界

我正在回答这个老问题，因为我想解决其他问题:如果您使用的是标准 sRGB 显示器，并且您的颜色管理浏览器与非颜色管理浏览器(如旧版 Opera)中显示的 sRGB 图像不匹配，那么您的 MONITOR是调整方式不对，或者不符合sRGB。如果您使用更宽的色域显示器，这是意料之中的。

虽然有一些“更广色域”的显示器/显示器，例如 Apple 的 Display P3 和 Adob​​eRGB 广色域显示器，但市场上的大多数显示器都旨在显示 sRGB。

要使用“广色域”显示器，您本质上必须具有色彩管理功能，并且在色彩很重要的任何地方使用色彩管理应用程序。

但是，如果您使用的是 sRGB 显示器，如果您可以调整显示器以匹配 sRGB 规范，则无需色彩管理即可工作。这是因为 sRGB 是一种显示引用色彩空间，也是万维网的标准。虽然 CSS4 将添加额外的色彩空间，但在可预见的 future ，sRGB 仍将是默认空间(有一些可访问性原因，sRGB 更适合)。

如果您不使用颜色管理，而是确保您的显示器正确校准为 sRGB，您实际上可以获得更好的性能。如果你可以的话。

校准

如果您正在使用色彩管理，并且想要准确的结果，则您确实需要硬件校准器/配置文件和软件，例如 XRite i1 Display Pro。