最近在和設計對UI的時候發現色彩總是對不上。。。
開啟螢幕截圖工具識色,竟然發現瀏覽器渲染的顏色和設定值不一樣!
這差點讓我開始懷疑人生了,竟然還有這樣的Bug。。。
上圖可以看到,實際設定rgb(227,109,1),缺渲染出rgb(211,115,47),便暗一些。。
百度搜尋無果~~開始翻牆Google
很快找到 https://productforums.google.com/forum/#!topic/chrome/VZWlM41RWZ8
解釋大致是Chrome61開始會遵循顯示器上的配置檔案。
發現我的連的是雙屏顯示器(一臺Surface Stuido外連Dell的螢幕)可能其中一臺的顏色配置檔案不相同導致的問題。
開啟顯示器色彩配置:
好吧~ 另一臺顯示器無法修改色彩配置,看來只能從瀏覽器來解決這個問題了。
解決辦法(2選1)
方法一:關閉硬體加速,重啟後瀏覽器就恢復正常
方法二:開啟chrome://flags/#force-color-profile,將色彩配置設定為sRGB