sRGB和跨浏览器颜色差异

时间:2015-06-27 22:45:08

标签: css rgb srgb

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

我的理解是Safari默认使用OS颜色配置文件“Color LCD”。切换到sRGB(我在显示器>颜色列表中的那个以及我下载的那个)都会产生超级蓝/褪色。

如何让Safari使用sRGB?或者我不对,这是问题吗?我当前面临的挑战之一是为客户提供CSS调色板,但我不知道哪个浏览器更“正确” - 我假设我使用sRGB并且Safari不正确但可能没有?

1 个答案:

答案 0 :(得分:0)

古董问题路演

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

在提出问题时,Chrome和Firefox没有颜色管理功能,而Safari和OS X已经很长时间进行了颜色管理。 Web的标准是sRGB-但要与非色彩管理浏览器一起使用,必须对显示器进行校准(不仅仅是配置文件)以符合sRGB。

今天

如今,Firefox和Chrome受颜色管理(取决于版本,可能仅适用于图像,而不适用于CSS颜色)。

要在Chrome中强制使用某个ICC配置文件,您可以将其添加到地址栏中:

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

尽管如此,许多移动浏览器仍未进行颜色管理(颜色管理使用大量处理器资源)。


广泛的色域世界

我之所以回答这个旧问题,是因为我想解决其他问题:如果您使用的是标准sRGB监视器,并且您的颜色托管浏览器与在非颜色托管浏览器中显示的sRGB图像不匹配(例如较旧的Opera),则您的MONITOR无法调整,或者不符合sRGB。如果您使用的是较宽的色域监视器,那是可以预期的。

尽管有一些“较宽色域”的监视器/显示器,例如Apple的Display P3和AdobeRGB宽色域监视器,但市场上的大多数监视器都旨在显示sRGB。

要使用“广色域”监视器,您必须必须具有颜色管理,并对颜色很重要的任何事物使用颜色托管的应用。

但是,如果您使用的是sRGB监视器,则可以调整监视器以使其与sRGB规格匹配,则无需色彩管理即可正常工作。这是因为sRGB是显示相关的色彩空间,也是万维网的标准。而且,尽管CSS4将添加其他颜色空间,但在可预见的将来sRGB仍将是 default 空间(出于某些可访问性的原因,sRGB更适合)。

如果不使用颜色管理,实际上可以提高性能,而是确保将显示器正确校准为sRGB。如果可以的话。

校准

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