色彩管理向來是讓攝影師與設計師頭疼的議題。網路上的教學文章多半晦澀難懂，我自己也曾啃完一堆資料才摸清門徑。其實這主題完全可以用淺顯易懂的方式講透，這篇就幫大家省下摸索的時間，專注在「如何讓照片在網頁上正確呈現色彩」。

問題的核心：色彩空間不匹配

不同裝置（顯示器、手機、平板）能呈現的色域範圍差異極大。同一組色碼在不同螢幕上可能呈現完全不同的顏色。這就像把一張寬廣色域的圖片強行塞進窄小的色彩空間，色彩轉換過程中必然會失真。從 RAW 檔到肉眼看到成品，中間經歷了多次色彩空間轉換，其中「修圖階段」與「看圖階段」兩個轉換環節最容易出錯。

校色：一切的前提

不管你用的是 Dell、EIZO 還是 Apple 螢幕，出廠預設都不準確。我的兩台 MBP 都偏黃且偏色方向不同。唯一解法是用校色儀（如紅蜘蛛）產生專屬的 ICC 配置檔。這個檔案記錄了該螢幕真實的色彩行為，讓作業系統與軟體能據此做正確的色彩轉換。切記：同型號螢幕也不能直接複製別人的 ICC，批次差異足以導致誤差。

Windows 色彩管理實戰設定

校色後，在「控制台 → 色彩管理」中，將裝置設為你的螢幕，把校色儀產生的 ICC 設為預設。廠商提供的通用 ICC 次之，Windows 內建的 sRGB IEC61966-2.1 只能作為最後備選。網路上建議「統一設為 sRGB」的做法是錯誤的——那只會讓你自己電腦上的不同軟體看起來一樣，但別人看到的卻完全不同。

修圖階段：Photoshop 色彩設置

Photoshop 的「編輯 → 色彩設置」中，RGB 工作空間應與系統生效的 ICC 一致。開啟帶有嵌入配置檔（如 Adobe RGB）的圖片時，會跳出配置檔不匹配對話框：

• 使用嵌入的配置檔：保留原色彩空間運算，僅顯示時轉換為螢幕 ICC。
• 轉換到工作空間：直接把色彩數值轉為螢幕 ICC 再運算。
• 捨棄配置檔（不色彩管理）：絕對不可選，色彩會完全失真。

原則簡單：若嵌入色域大於螢幕色域（如 Adobe RGB > 你的螢幕），選第一項保留廣色域；若嵌入的是 sRGB，轉為廣色域螢幕 ICC 也無妨。最省心的做法：一律選第一項。

輸出給網頁：務必勾選「轉換到 sRGB」

存檔為 Web 格式時，紅框處的「轉換到 sRGB」必須勾選。sRGB 是瀏覽器、Windows、多數螢幕廠商的最大公約數色域，這步驟是針對網頁瀏覽的最佳實踐。預覽下拉選單中，以「在你的螢幕上看的效果」為準，參考「支援完整色彩管理的瀏覽器」效果，前兩項可忽略。

Lightroom 的簡化流程

Lightroom 內建色彩管理，無需手動設定。它會保留原圖色彩空間，顯示時自動轉換為系統預設 ICC，匯出時同樣勾選 sRGB 即可。