Edge 和 Chrome 瀏覽器顏色不正常(例如發黃、發灰或色彩失真),通常是因為 Chromium 核心的硬體加速、色彩設定檔(Color Profile)或瀏覽器與系統色彩設定衝突造成的。由於 Edge 與 Chrome 都是 Chromium 核心,色彩管理機制相同,這也是為什麼兩款瀏覽器經常「一起」出現同樣的偏色問題,而 Firefox 等非 Chromium 瀏覽器卻正常的原因。
本篇整理從最有效、最快速的方法開始,依序往下嘗試,大部分情況第一個方法就能解決。
為什麼會發生色彩不正常
色彩顯示牽涉到「螢幕本身的色彩配置檔」「作業系統的色彩管理」與「瀏覽器如何解讀網頁內容色彩」三層,任何一層設定衝突,都可能讓畫面看起來偏黃、偏灰或色彩過飽和/過淡。以下是最常見的幾種原因:
| 原因 | 說明 |
|---|---|
| 色彩配置檔衝突 | 螢幕安裝了非標準 ICC 色彩描述檔,Chromium 誤判色域造成偏色 |
| 硬體加速異常 | GPU 加速在色彩渲染階段出錯,導致顯示偏差 |
| HDR 設定衝突 | Windows 開啟 HDR,但瀏覽器內容以 SDR 邏輯渲染,造成灰濛濛的視覺效果 |
| 夜間光線 / 護眼模式 | 系統色溫調整功能,讓畫面偏黃(屬正常設計,非故障) |
| 顯示卡驅動過舊 | 驅動本身處理色彩管線的方式有問題 |
| 擴充功能干擾 | 部分護眼、濾鏡類擴充功能會強制套用色彩濾鏡 |
方法一:強制色彩配置為 sRGB(最常見有效解法)
因為 Chrome 與 Edge 都使用 Chromium 核心,色彩設定檔衝突是最常導致顯色錯誤的原因,透過強制指定使用 sRGB 色彩空間,通常能立即解決發黃、發灰或色彩過度飽和的問題。這也是實務排錯中命中率最高的方法,尤其是「只有瀏覽器偏黃、其他軟體都正常」這種症狀,幾乎都能靠這個方法解決。
- 在瀏覽器網址列輸入:Chrome 打
chrome://flags/#force-color-profile;Edge 打edge://flags/#force-color-profile - 找到 Force color profile 選項,將其從 Default 改為 sRGB
- 點擊右下角的 Relaunch(重新啟動)按鈕讓設定生效
chrome://flags 或 edge://flags 裡搜尋 force-color-profile 完全找不到結果,代表你目前的版本沒有這個選項,請改用下方方法二到方法五繼續排查,不代表你的瀏覽器有問題。方法二:關閉/重新開啟硬體加速
硬體加速讓瀏覽器用顯示卡處理畫面渲染,速度更快,但偶爾會在色彩處理階段出錯,尤其是顯示卡驅動版本較舊、或與特定螢幕搭配時更容易出現。
- 進入瀏覽器設定 →「系統」(System)
- 找到「使用硬體加速(如可用)」選項
- 先關閉後重新啟動瀏覽器,測試色彩是否恢復正常
- 若關閉後正常,代表問題出在硬體加速;如果你需要硬體加速處理影片或 3D 網頁,可以先更新顯示卡驅動(見方法五)後再重新開啟測試
方法三:檢查 Windows HDR 設定
如果螢幕支援 HDR 且系統已開啟 HDR 模式,但目前瀏覽的網頁內容是一般 SDR 內容,Windows 與瀏覽器在色彩對應(Tone Mapping)上可能出現落差,導致畫面看起來灰濛濛、對比不足。
- 開啟「設定」→「系統」→「顯示器」
- 找到「HDR」相關選項,先暫時關閉測試
- 重開瀏覽器確認色彩是否恢復正常
- 如果關閉 HDR 後色彩正常,代表問題出在 HDR/SDR 內容轉換,可以視需求決定是否保留 HDR 開啟
方法四:關閉夜間光線 / 護眼模式
Windows 的「夜間光線」(Night Light)功能會主動調降螢幕色溫、讓畫面偏黃,藉此降低藍光刺激。這是系統設計上的正常行為,並非瀏覽器故障,但很容易被誤認為是色彩異常。
- 開啟「設定」→「系統」→「顯示器」
- 找到「夜間光線」,確認是否已開啟,或是否設定了自動排程
- 先暫時關閉,確認瀏覽器顏色是否恢復正常
方法五:更新顯示卡驅動程式
顯示卡驅動負責處理色彩渲染管線,版本過舊或與作業系統更新不相容時,也可能造成色彩顯示異常,尤其在搭配硬體加速使用時更明顯。
- 開啟「裝置管理員」,展開「顯示卡」
- 右鍵點選你的顯示卡 → 「更新驅動程式」
- 或直接前往 NVIDIA、AMD、Intel 官方網站下載最新驅動安裝
- 安裝完成後重新開機,再次測試瀏覽器顏色
方法六:排除擴充功能干擾
部分護眼模式、深色模式或濾鏡類擴充功能,會在網頁上疊加一層色彩濾鏡,可能被誤認為是系統性的色彩異常。
- 開啟無痕模式(預設會停用大多數擴充功能),測試色彩是否恢復正常
- 如果無痕模式下正常,回到一般視窗逐一停用擴充功能,找出造成問題的項目
