若要測量兩個不透明 HEX 顏色之間的色差,請將每個值以六位數 sRGB 代碼的形式輸入 CIEDE2000 計算器,讀取 Delta E 2000 結果,並檢查公式所使用的 D50 CIELAB 座標。Delta E 2000 數值是一個基於標準的度量,用於表示兩個顏色在 CIELAB 色彩空間中,經由 CSS Color 4 流程完成 sRGB 到 Lab 轉換後的距離。計算是對稱的:以顏色 A 與顏色 B 比較的 Delta E 2000,與以 B 與 A 比較的結果相同,僅受限於浮點顯示精度。相同的輸入會回傳零。較大的數值表示由公式定義的差異較大,但這個數字是一個可重現的比較輔助,並非判斷兩個實體樣本是否會相符的裁決。感知仍取決於觀看條件、顯示器校準、環境光、表面質地、周圍色彩以及觀察者的視力。若要對兩個 HEX 值進行快速且量化的檢查,Color Difference Calculator 會在本機執行完整轉換,不上傳任何顏色值,並回傳每個顏色的 Delta E 2000 數值以及底層的 Lab 座標。

how to measure color difference
how to measure color difference

色差在設計與生產中的意義

色差是兩個顏色之間可測量的距離,以單一數值表示。在設計、印刷、紡織和攝影的工作流程中,該數值回答一個實際問題:這兩個顏色是否足夠接近而可以互換使用,還是它們之間的距離大到觀察者會注意到差異?最早被廣泛使用的度量 CIE76,是在 CIELAB 色彩空間中計算簡單的歐氏距離。該方法假設色彩空間的每個區域在感知上都均勻,但實際並非如此。CIE94 及其後的 CIEDE2000 加入了修正,考量人類視覺對彩度和色相差異(特別是在接近中性色和光譜藍色區域時)的實際反應。

實務上,這代表兩個飽和紅色之間的 Delta E 76 值為 3,與兩個淡粉彩色之間的 Delta E 76 值為 3,所描述的感知距離並不相同。CIEDE2000 的設計目的就是修正這種不匹配,並已成為現代大多數色差比較工作流程的預設標準。在跨工具、供應商報告或品保註記之間比較結果時,了解是哪個公式產生該數值至關重要,因為同一個數值在不同的公式下可能代表不同的意義。

CIEDE2000 如何測量色差

CIEDE2000(常寫為 dE2000 或 ΔE2000)超越了兩個 Lab 顏色之間單純的歐氏距離。根據羅徹斯特大學所託管的 Sharma 實作資料,該公式會在接近中性色時調整 CIELAB 的 a* 軸,處理跨越零度邊界的色相角度,對明度、彩度和色相差異套用不同的權重,並為藍色區域加入一個旋轉項。常見的預設權重使用 kL、kC 和 kH 等於一,這正是 Color Difference Calculator 所採用的設定。

該公式接受以 CIELAB 表示的兩個顏色,並回傳一個非負的單一數值。相同的輸入會回傳零。在相同條件下,結果是對稱的:以顏色 A 與顏色 B 比較的 Delta E 2000,與以 B 與 A 比較的結果相同,僅受限於浮點顯示精度。對稱性是此標準的設計目標之一,並在實作中根據 Sharma、Wu 和 Dalal 補充資料集中的八個對正負號敏感之參考配對進行驗證,因此色相包覆或權重項的變更無法僅通過簡單的相同色案例。

公式年份主要特性
ΔE 76 (CIE76)1976CIELAB 中的簡單歐氏距離;將色彩空間的所有區域視為感知均勻。
ΔE 94 (CIE94)1995為明度、彩度和色相加入加權因子;更適合工業色彩控制。
ΔE 2000 (CIEDE2000)2001調整接近中性色時的 a*,處理跨越 360° 的色相包覆,包含藍色旋轉項;目前大多數現代工作流程的預設標準。

如何測量兩個 HEX 值之間的色差

測量兩個 HEX 值之間色差的最快方法是將它們輸入專用的 CIEDE2000 計算器並讀取結果。下列流程說明準確的輸入格式,以及取得可重現 Delta E 2000 數值所需的三個動作。

  1. 輸入兩個不透明的六位數 sRGB HEX 顏色,每個值都需包含前導 #。輸入格式必須為 #RRGGBB。三位數簡寫(如 #abc)、帶 alpha 的值(如 #aabbccdd)、具名顏色和 display-p3 值會被拒絕,而非被靜默地重新解讀。這可避免隱藏的解析假設污染結果。若您有半透明顏色,請先將其與已知背景合成以產生等效的不透明顏色,再進行測量。
  2. 選擇 Compare colors,將兩個值轉換為 D50 CIELAB 並計算 CIEDE2000。轉換會在本機瀏覽器中執行。每個 sRGB 通道會被正規化為 0–1,使用 sRGB 轉換函數進行線性化,映射到相對於 D65 的 CIE XYZ,使用 Bradford 矩陣從 D65 適應至 D50,然後轉換為 CIELAB。顯示的 L*、a* 和 b* 值會四捨五入以便閱讀;未四捨五入的數值則繼續送入差異公式中。
  3. 記錄原始的 HEX 值與 Delta E 2000 結果,以及您工作流程的容差與觀看情境。僅有數值不足以構成可重現的品保註記。請記下兩個 HEX 輸入值、Delta E 2000 數值、您流程所使用的容差,以及觀看或生產情境,例如顯示器校準、環境光、基材和光源。若日後其他人必須重現該決策,情境與數值本身同等重要。

讀取 D50 CIELAB 座標

隨 Delta E 2000 結果一併顯示的 Lab 值,是W3C CSS Color 4 範例程式碼中記錄之多階段轉換流程的輸出。了解每個座標的意義有助於詮釋最終的差異,特別是在設計系統中進行回歸偵錯時。

階段操作目的
1將 sRGB 通道正規化為 0–1移除 CSS 中使用的 0–255 整數編碼。
2套用 sRGB 轉換函數將編碼後的伽馬值轉換為線性光。
3轉換為 CIE XYZ (D65)映射到以 D65 光源為基準的裝置無關色彩空間。
4Bradford 適應 D65 → D50將色彩對齊 CIELAB 使用的 D50 白點。
5將 D50 XYZ 轉換為 CIELAB產生差異公式所需的 L*、a* 和 b* 座標。

L* 座標的範圍從 0(黑)到 100(白)。a* 軸從負值(綠)經由中性到正值(紅)。b* 軸從負值(藍)經由中性到正值(黃)。這些就是 CIEDE2000 所使用的座標。若兩個顏色擁有相同的 L* 但 a* 或 b* 不同,公式會將該差異回報為彩度或色相的偏移,而非明度的偏移,這有助於縮小回歸的來源。

解讀 Delta E 2000 數值

Delta E 2000 值是一個可重現、由公式定義的距離。它並非通用的通過/不通過裁決。此工具刻意不將任何固定數值標示為對每位觀察者都相同、對每個生產流程都可接受,或對每種觀看條件都有保證。不同的工作流程、表面、光源和驗收限制皆適用之,且同一數值在印刷、塗料、紡織、品牌審查、攝影和介面設計中可能具有不同的份量。

作為一般性的框架,較小的數值代表公式判斷為較接近的顏色,相同的輸入會回傳零。特定數值與人類實際注意到的差異之間的關係,取決於觀看條件、顯示器校準、環境光、表面質地、周圍色彩以及觀察者的視力。在校準過的顯示器上測量為較小 Delta E 2000 的兩個顏色,在手機螢幕、印刷樣張或布料樣片上看起來仍可能不同。該數值是決策的起點,而非決策本身。

若要撰寫可重現的品保註記,請記錄原始的 HEX 值、所回報的 Delta E 2000 數值,以及觀看或生產情境。若供應商提供 Delta E 2000 值,請先詢問其使用的公式、白點和觀看條件,再與您自己的測量值進行比較。來自不同公式的兩個 Delta E 2000 數值無法直接比較,而相同公式下,來自不同光源或基材的兩個數值則描述了不同的實際距離。

此計算器無法執行的功能

此計算器是一個確定性的用戶端工具。它不會從影像中擷取顏色、不會轉換 ICC 設定檔、不會執行分光光度計、不會認證無障礙性,也不會測量實體物件。在判斷它是否適合當前任務時,有幾項特定限制值得留意。

  • 它無法測量實體物件。針對製造決策,請使用經校準的儀器,以及該流程所要求的標準、容差、光源和觀察者條件。
  • 它無法處理透明度。半透明的前景並非單一獨立的、不透明的 sRGB 顏色。若透明度很重要,請先將兩個顏色合成於相同的已知背景上。
  • 它不接受三位數簡寫、帶 alpha 的 HEX、具名顏色或 display-p3 值。輸入範圍刻意縮窄:必須為 #RRGGBB。這些限制可避免隱藏的解析或合成假設。
  • 它不會驗證無障礙對比。若要檢查文字可讀性,請改用對比度比率工具。
  • 它不會將結果標示為通過或不通過。該數值是比較輔助,而非認證。

輸入驗證會在計算之前執行。空值、缺少井字號、簡寫、alpha、非十六進位字元和額外的位數會產生明確的錯誤,且不會回傳結果。這是刻意的設計:靜默的重新解讀會產生一個看似合理但基於隱藏假設的數值。頁面上顯示的兩個色票僅作為快速視覺參考,並非色彩測量證據。瀏覽器渲染、顯示器色域、色彩設定檔、亮度和校準皆會改變外觀,而數值計算僅依據所輸入的 sRGB 座標和記錄在案的轉換流程。

何時該使用色彩差異計算工具

當你想確認兩個 CSS 色彩在數學上是否足夠接近、設計符號 (token) 修訂後是否仍在容差範圍內、兩個取樣的影像色彩是否產生偏差,或是某項品管註記日後能否重現時,就該使用色彩差異計算工具。此工具適合用於文件撰寫、設計審查、品牌色彩稽核,以及 CSS 編寫過程中的快速健全性檢查。其數值在所記載的轉換路徑下是可重現的,這項特性使其適合用於團隊之間的共同筆記。

若是涉及實體製造決策、油漆配色、紡織染料批次或印刷打樣等用途,則應使用經過校正的量測設備,並遵守該製程所要求的標準、容差、光源與觀察者條件。CIEDE2000 數值無法推導出印表機設定檔或承印物的性質。請將其視為一份有記載的比較輔助工具,而非對兩個實體樣本的最終裁決,並將結果與產生該結果的脈絡相互對照。

延伸閱讀:免費調色盤產生器:從單一色碼建構配色方案

延伸閱讀:色彩差異計算工具與無障礙對比之比較