瀏覽器渲染的顏色竟然和設定值的不同!Chrome 61+色差解決辦法

KongFB發表於2018-01-12

最近在和設計對UI的時候發現色彩總是對不上。。。

開啟螢幕截圖工具識色,竟然發現瀏覽器渲染的顏色和設定值不一樣!

這差點讓我開始懷疑人生了,竟然還有這樣的Bug。。。

瀏覽器渲染的顏色竟然和設定值的不同!Chrome 61+色差解決辦法

上圖可以看到,實際設定rgb(227,109,1),缺渲染出rgb(211,115,47),便暗一些。。

百度搜尋無果~~開始翻牆Google

很快找到 https://productforums.google.com/forum/#!topic/chrome/VZWlM41RWZ8

瀏覽器渲染的顏色竟然和設定值的不同!Chrome 61+色差解決辦法

解釋大致是Chrome61開始會遵循顯示器上的配置檔案。

發現我的連的是雙屏顯示器(一臺Surface Stuido外連Dell的螢幕)可能其中一臺的顏色配置檔案不相同導致的問題。

開啟顯示器色彩配置:

瀏覽器渲染的顏色竟然和設定值的不同!Chrome 61+色差解決辦法

好吧~ 另一臺顯示器無法修改色彩配置,看來只能從瀏覽器來解決這個問題了。

解決辦法(2選1)

方法一:關閉硬體加速,重啟後瀏覽器就恢復正常

瀏覽器渲染的顏色竟然和設定值的不同!Chrome 61+色差解決辦法

方法二:開啟chrome://flags/#force-color-profile,將色彩配置設定為sRGB

瀏覽器渲染的顏色竟然和設定值的不同!Chrome 61+色差解決辦法

相關文章