iOS 開發：背景顏色顯示偏暗（色差）問題排查與解決

現象描述

設定 view.backgroundColor = [UIColor colorWithRed:253/255.0 green:131/255.0 blue:88/255.0 alpha:1]，預期顯示 RGB(253,131,88)，實際運行後取色變為 RGB(253,109,65)，顏色明顯變暗。導航欄設定同色值後透過 translucent = NO 修正，但普通 View 仍偏暗。

根本原因：色彩空間不匹配

• iOS 10+ 預設使用 Display P3 寬色域（或 sRGB），而傳統 colorWithRed:green:blue:alpha: 建立的是 sRGB 色彩空間 的顏色。
• 若裝置螢幕為 P3，且 App 未正確標記色彩空間，系統會以 P3 方式解讀 sRGB 數值，導致顏色飽和度與亮度偏移（通常變暗、變黃）。
• 取色工具若讀取的是「螢幕實際輸出值」，而非「原始數值」，會反映色彩空間轉換後的結果。

解決方案

1. 使用「原生色彩空間」建立顏色（推薦）

// iOS 10+ 可用 displayP3 色彩空間直接指定目標顏色
UIColor *color = [UIColor colorWithDisplayP3Red:253/255.0 green:131/255.0 blue:88/255.0 alpha:1.0];
view.backgroundColor = color;

或在 Asset Catalog (xcassets) 中新增 Color Set，設定 Color Space 為 Display P3，輸入目標 RGB 值，程式碼中直接 [UIColor colorNamed:@"MyCustomColor"] 使用，系統自動處理色彩空間轉換。

2. 確保取色工具讀取「原生值」

如截圖所示，Digital Color Meter / 取色工具需勾選 「顯示原生值」，而非「sRGB」或「通用 RGB」，否則讀取到的就是轉換後的數值，誤以為程式碼設定錯誤。

3. 導航欄色差的獨特性

導航欄預設半透明（translucent = YES），會與底下內容混合，導致顏色偏差。設定 navigationBar.translucent = NO 可修正，但會影響整體視覺層級。建議統一使用 Asset Catalog 管理所有 UI 顏色，確保色彩空間一致。

最佳實踐總結

1. 專案中統一使用 xcassets Color Set 定義顏色，勿硬編碼 RGB。
2. Color Set 設定 Color Space: Display P3（支援廣色域裝置）或 sRGB（相容舊裝置），根據設計稿色彩空間決定。
3. 取色驗證時，工具必須選擇 原生值 / Display P3 模式。
4. 導航欄、Tab Bar 等系統元件同樣套用 Color Set，避免單獨設定造成不一致。