Chrome 呈現的顏色與 Safari 和 Firefox 不同

Question

由於某種原因，Chrome 將 #FF3A00 呈現為 #FF0000。 我包含了來自jsfiddle的屏幕截圖來說明這一點。 色度計報告的顏色（以及我看到的）與 CSS 所說的不同。

這也發生在其他顏色上。 例如，根據色度計，#FFAF00 被渲染為#FFA400。

但是，在 Safari 和 Firefox 上呈現顏色沒有問題。 我在使用 Chrome 11、Safari 5 和 Firefox 5 的 Mac 上。

我相信有一個合乎邏輯的解釋。 有任何想法嗎？

更新：我在 Safari 旁邊附上了 Chrome 的屏幕截圖，顯示了相同的頁面。 我在 Photoshop 中檢查了這張圖片：顏色是 Chrome 中的 #F00 和 Safari 中的 #FF3A00。

Answer 1

好的，事實證明，我需要重新啟動我的 Chrome。 我經常將我的 macbook air 連接到 24 英寸顯示器。 當我更改為與啟動 Chrome 時使用的顯示器不同的顯示器時，Chrome 似乎無法正確顯示顏色。

我在Google 幫助論壇上找到了答案：“我應該提到，在 OS X 中，每次您更改顯示器或顯示器配置文件（例如，如果您從筆記本電腦顯示器切換到外部顯示器），您必須重新啟動 Chrome 以使其從操作系統獲取正確的監視器配置文件信息。”

Answer 2

默認情況下，Firefox 和 Safari 都使用 sRGB 顏色配置文件。 如果您的谷歌瀏覽器默認使用不同的顏色配置文件，您也必須這樣做。

1. 在 Chrome 中訪問： chrome://flags/#force-color-profile
2. 將強制顏色配置文件更改為“ sRGB ”。
3. 現在重新啟動您的瀏覽器並驗證呈現的 colors。

Answer 3

我最近發布了一個類似的問題： https://stackoverflow.com/questions/6338077/google-chrome-for-mac-css-colors-and-display-profiles

正如 Andrew Marshall 在那里回答的那樣，這是一個已知問題： http://code.google.com/p/chromium/issues/detail?id=44872

Answer 4

Mac 為您的顯示器設置了色彩校正。 您的瀏覽器可能會或可能不會對 web 內容/圖像使用顏色校正，具體取決於其設置。 您的顏色選擇器會報告您的操作系統認為它正在呈現的內容。 您的瀏覽器可能會報告其他內容。

電腦上的顏色。 我們中的許多人認為理所當然，但從不費心去理解它是如何呈現的。

Answer 5

Chrome 顏色選擇器通過從當前顯示器顏色配置文件中獲取顏色來工作，更改顏色設置或有時更換顯示器可能會出現問題，請檢查以下方法解決。

Go 到 chrome://flags/#force-color-profile 並單擊全部重置為默認值

謝謝。

Answer 6

我更改了 OS X 中的顏色配置文件並為我排序。

請參閱下面使用不同顏色配置文件的屏幕截圖。 請注意，在屏幕截圖中，我試圖區分#ff00ff 、 #ff1aff 、 #ff33ff和#ff4dff 。 只有當我不選擇默認的 OS X 顏色配置文件時，我才能正確區分顏色。

默認顏色配置文件：

使用不同的顏色配置文件：

From: CSS colors on OS X displaying correctly in Firefox but incorrectly in Safari and Chrome (potentially 'solved')

我發現 Safari 和 Chrome 無法區分#ff00ff 、 #ff1aff 、 #ff33ff和#ff4dff 。 但是 Firefox 可以。 此外，X11 應用程序 Inkscape 也可以。 但是 Gimp 和 Libreoffice Writer，非 X11 應用程序，不能。 Firefox 和 X11 應用程序似乎以某種方式使用自己的顏色配置文件。

我不知道為什么 Mac 默認使用Color LCD配置文件，它不會在其他配置文件中進行這種區分。

Answer 7

以防其他人因為 firefox 圖像看起來色彩太鮮艷（過度飽和）而來到這里。 有關如何修復它的完整指南https://cameratico.com/color-management/firefox/

不久：

1. 在 Firefox 地址欄上輸入about:config
2. 將gfx.color_management.mode設置為1
3. 將gfx.color_management.enablev4設置為true
4. 重啟firefox

現在 Firefox 將顯示 colors 與 Safari、Chrome 和所有其他瀏覽器相同

Answer 8

在 Photoshop 中導出 PNG 時，Chrome (Lubuntu) 出現此問題。 解決方法：文件 -> 另存為 -> 取消勾選“ ICC Profile: Adobe RGB (1998) ”。