色彩差異使用 CIEDE2000 公式量化,這是一個感知均勻的度量指標,會回傳一個 Delta E 00 數值,代表兩個色彩在 D50 參考光源下對人類觀察者而言看起來相差多少。這個公式由 CIE 於 2001 年發表,並記載於 ISO 13655 標準系列中,透過分別加權明度、彩度與色相,並旋轉色相差項以符合視覺資料,修正了早期 Delta E 計算的已知缺陷。由於 CIEDE2000 是在 CIELAB 空間而非 RGB 或 HEX 中運作,每次測量都必須先將 sRGB 編碼的 HEX 輸入值轉換為 D50 適配的 CIELAB 座標 (L*、a*、b*)。當兩個色彩都處於該空間後,公式會透過加權的平方和開根號運算,結合三個座標的差異,最終得到的 Delta E 00 便能告訴你兩個色樣在視覺上是否完全相同、略有差異,或是明顯不同。
設計師、開發人員、印刷技師與品牌經理在需要將參考色彩與產出色彩進行比對時,經常會用到這個計算。螢幕截圖的模擬圖必須符合品牌風格指南。印刷打樣需要與原始印刷樣張進行比較。匯入新主題的標誌必須感覺與舊版相同。HEX 數值容易閱讀和複製,但它們是 RGB 立方體中與裝置相關的方塊,並非人類肉眼所使用的感知空間。這就是為什麼一個將 HEX 轉換為 D50 CIELAB,再套用 CIEDE2000 公式的工具,所能提供的答案遠比直接相減各通道數值來得有意義。
「色彩差異」真正的含義
「差異」這個詞在日常的色彩工作中被過度使用。將兩個 HEX 值的紅、綠或藍通道直接相減,所得到的數字並不具備感知意義:紅色通道變動 10 與藍色通道變動 10,視覺上的感受截然不同;而且相同的數值變動,會因為起始明度的不同而看起來不一樣。CIEDE2000 透過在一個大致感知均勻的空間中計算距離來解決這個問題,然後將結果輸出到單一尺度上,數值越大代表感知上的差距越大。
只要了解業界使用的分級區間,讀懂這個尺度其實很簡單。Delta E 00 低於約 1 的數值,在一般觀看條件下大多數觀察者都無法察覺。介於約 1 到 2 之間的數值,只有在仔細檢視受控邊界時才會注意到。介於 2 到 5 之間的數值明顯不同,但在許多設計工作流程中仍可接受。高於 5 的數值代表大多數觀察者會立即察覺到的不一致,而任何高於 10 的數值則表示兩個色彩在感知上幾乎沒有共通點。
為什麼 HEX 不足以進行數學運算
HEX 是 sRGB 三元組的六字元簡寫,適用於 CSS 與設計檔案,但無法回答感知的問題。兩組 HEX 可能在通道上僅有極小的差異,但肉眼卻感受為巨大的色彩跳躍;反之,兩組 HEX 的數值差距很大,看起來卻幾乎相同。CIELAB 的設計正是為了解決這個問題,它透過 D50 適配轉換將 sRGB 進行映射,使任何方向上相等的數值步進大致對應相等的視覺步進。
參考光源同樣重要。D50 對應 5000 K 的日光色溫,是印刷藝術產業的標準,因此從 ICC 規範開始的色彩管理流程皆以 D50 白點為目標。在 D50 下作業,能讓你的色彩差異數值與相同光源下測量的打樣、印刷樣張及品牌規格文件保持可比性。
在色彩差異計算工具中執行計算
從兩組 HEX 值取得符合標準的 Delta E 2000 數值,最快的方法是使用色彩差異計算工具。它接受不透明的六位數 sRGB HEX 字串,在內部將各值轉換為 D50 CIELAB,執行完整的 CIEDE2000 運算,並同時顯示 L*、a*、b* 座標與最終距離,讓你能夠稽核結果。
- 將第一個色彩以六位數 sRGB HEX 格式(包含前置井字號)輸入或貼入左側欄位。例如,中藍色可輸入 #1E6FBA。
- 以相同格式在右側欄位輸入第二個色彩,例如輸入 #1F70BB 作為近似對比的參考色樣。
- 選擇「比較色彩」以觸發轉換為 D50 CIELAB 並執行 CIEDE2000 計算。
- 讀取結果面板中出現的 Delta E 00 數值,然後將兩組 HEX 輸入值、每個色樣的 L*/a*/b* 組合、Delta E 數值,連同容差區間與工作流程的觀看情境一起記錄下來(例如「在 6500 K 下的螢幕預覽,目標 Delta E 低於 2 以符合生產對色」)。
由於每個步驟皆在本機執行且運算具備確定性,你可以在明天再貼回相同的 HEX 組合,仍會得到一模一樣的數值,這讓記錄在品保審查中具有可稽核性。
讀懂 D50 CIELAB 座標
顯示在各色樣旁的 L*、a*、b* 數值不只是中間步驟,它們正是 CIE 標準所使用的具備感知意義的座標三組合。L* 在明度軸上從 0(黑)到 100(白);a* 從負值(綠)到正值(紅);b* 從負值(藍)到正值(黃)。兩組差異極大的 HEX 值在此立方體中可能相當接近,而兩組相似的 HEX 值則可能相距甚遠,完全取決於明度與彩度實際落點的位置。
當你檢視這些座標時,各軸的差異(delta L*、delta a*、delta b*)通常能說明 Delta E 00 之所以呈現該數值的原因。大的 delta L* 搭配小的 delta a* 與 delta b*,描述的是色相幾乎相同但明度偏移,這通常可以透過微調伽馬或黑點來修正。三個軸上呈現均衡分布的差異,則通常代表真正的色相偏移,需要重新調色或重新上墨,而不是單純的曝光調整。
為你的工作流程選擇容差
不同產業對同一個 Delta E 數值的解讀差異極大。下表將常見的容差區間對應到典型的使用情境。你所採用的確切閾值,都應該與 Delta E 讀值一起明確標示,讓審查者能判斷結果在該特定情境下是否通過。
| Delta E 00 範圍 | 典型意義 | 常見使用情境 |
|---|---|---|
| 0 到 1 | 大多數觀察者無法察覺 | 硬打樣、母版印刷、校色過的顯示器 |
| 1 到 2 | 只有在仔細檢視時才會注意到 | 品牌關鍵的 UI 元素、標誌重製 |
| 2 到 5 | 明顯不同但通常可接受 | 一般網頁設計、攝影、包裝打樣 |
| 5 以上 | 被視為明顯的不一致 | 超出規格的印刷、漸層條帶、瑕疵樣品 |
上述數字是基於業界慣例的解讀區間,並非嚴格的標準。不同的工作通常會設定更嚴格或更寬鬆的限制,因此務必與你的客戶或生產廠商所核准的容差進行比對。
這在更大規模的色彩工作流程中的定位
色彩差異是更廣泛色彩流程中的一個步驟,該流程還包括挑選色樣、在不同色彩空間之間轉換,以及建立調色盤。在你使用色彩差異計算工具確認一組參考色後,你可能會想透過調色盤產生器衍生出搭配的配置,使用RGB 轉 CMYK 轉換器將結果轉為印刷可用的數值,或使用色彩對比檢查工具驗證文字與背景的組合。針對品牌規格的工作,反向色彩通常會緊鄰參考色顯示,這可以透過互補色尋找器一鍵取得。如果你需要將 HEX 轉換為 CSS 使用的通道數值,HEX 轉 RGB 轉換器能讓資料流暢轉換而不必重新輸入。
若想進一步閱讀 CIEDE2000 規格及其背後 D50 光源假設的相關背景,國際色彩聯盟(International Color Consortium)所提供的色彩管理概論是可靠的起點。ISO 13655 標準系列將印刷藝術的測量幾何予以正式化,內容中也描述了 Delta E 結果應如何記錄,以確保不同儀器與實驗室之間的數值能保持可比性。
取得可靠 Delta E 2000 讀值的訣竅
務必在上游使用同一個色彩空間。將 sRGB 的 HEX 與實際上是以 Display P3 撰寫的 HEX 混用,會使轉換失準,並讓 Delta E 數值膨脹到與感知差距無關的程度。如果品牌規格指定 sRGB,請在量測前將所有資產轉換為 sRGB。
留意 Alpha 通道。CIEDE2000 是為不透明色彩所定義的,因此半透明或預乘的色樣,在套用公式前必須先壓平到已知的背景上,結果才會有意義。色彩差異計算工具基於這個原因,只接受不透明的六位數 HEX 輸入。
將觀看情境與數值一同記錄下來。「Delta E 00 = 1.4」是不完整的;「Delta E 00 = 1.4,D50 光源,2 度觀察者,sRGB 來源,螢幕預覽」才是有用的稽核紀錄。這句話能讓一年後的同事重現或質疑你的量測結果。
更多相關主題:使用單一工具在 Canva 中創造完美的色彩漸層。
如需更深入的說明,請參閱在 Illustrator 中一鍵將 HEX 碼轉換為 RGB。
如需更深入的說明,請參閱使用 HTML 色彩名稱為 DTF 印刷找出精確的 CMYK 對應。
如需更深入的說明,請參閱如何找出兩個 HEX 碼之間的色彩差異。