色彩差異是以 Delta E (ΔE) 來量測的,這是一個單一數字,用來彙整兩個顏色在 CIELAB 色彩空間中相距多遠,而這個指標的現代化、ISO 建議版本稱為 CIEDE2000,常寫成 ΔE 2000。ΔE 約 1.0 普遍被視為相鄰色彩的「剛好可察覺差異」閾值,而數值高於 5 則代表即使乍看之下十六進位代碼相似,色相仍明顯不同。由於十六進位值僅儲存紅、綠、藍的整數,它無法告訴你兩個顏色在明度、彩度或色相上的差異,這正是為什麼每一個可靠的比較都會先把輸入值送進像 CIELAB 這樣的感知色彩空間,再產生數字。Color Difference Calculator 正是這樣做:它接收兩個不透明的六位數 HEX 顏色,將每個轉換為 D50 CIELAB,接著回傳 CIEDE2000 距離以及兩個色樣各自的 L*、a*、b* 座標。
設計師與開發者會在「眼睛覺得兩個顏色看起來幾乎一樣,但利害關係人想要一個站得住腳的數字」時使用 ΔE。品牌經理會把印刷色樣與參考 logo 進行比較。前端工程師會檢查 hover 狀態在 CSS 重構後是否偏離了基底色。印刷操作員會判斷紡織品或塑膠批次重新生產是否落在容差範圍內。在每種情況下,把十六進位代碼並排用肉眼比對,幾乎無法給出精確的裁決,而這正是標準化感知指標發揮價值的地方。

Delta E 實際量測的是什麼
Delta E 不是單一顏色的屬性;它是兩個顏色在三維空間中的距離,這個空間大致呈現不規則的球體形狀。CIELAB 將色彩組織起來,讓相等的數值步長盡可能對應相等的感知步長。L* 軸從黑色 (0) 延伸到白色 (100),編碼明度。a* 軸從綠色 (負值) 延伸到紅色 (正值),編碼紅綠對立維度。b* 軸從藍色 (負值) 延伸到黃色 (正值),編碼黃藍對立維度。ΔE 值是該空間中兩點之間的幾何距離,因此 5 的差異無論顏色是粉彩色調還是深沉的海軍藍油墨,都代表相同的意義。
1976 年的原始 ΔE*ab 將該空間視為完全均勻,但實際上並非如此,因此在接近中性色的地方,可見差異看起來較小,而在飽和區域則較大。CIE 推出了加入加權因子的 ΔE 94,接著在技術報告 CIE 142-2001 中發布了 CIEDE2000,以修正殘留的感知偏差。ΔE 2000 至今仍是 ISO 13655 在印刷技術中進行色彩量測的預設建議,這也是為什麼現代比較工具預設回報它。
在情境中解讀 ΔE 結果
單一數字若沒有容差帶,通常難以派上用場,因為同一個 ΔE 對某個產業可能代表「完美吻合」,對另一個產業卻代表「批次退貨」。下表彙整了大多數團隊作為起點的容差帶;請將其視為指引,並依據您自己的參考標準加以驗證。
| ΔE 2000 範圍 | 典型解讀 | 常見使用情境 |
|---|---|---|
| 0 – 1 | 人眼無法察覺 | 印刷打樣、母版打樣對比印刷樣張、實驗室級儀器比對 |
| 1 – 2 | 僅在近距離檢視時可察覺 | 品牌包裝色彩、高階紡織染色、校色過的螢幕 |
| 2 – 3.5 | 伸長手臂的距離可察覺 | 一般網頁與 UI 工作、零售招牌、大多數的數位攝影 |
| 3.5 – 5 | 明顯不同但仍屬相關 | 許多 logo 與插畫可接受、大尺寸圖像輸出 |
| 5 以上 | 是不同的顏色,而非單純偏移 | 在色彩嚴格的品管中通常視為不合格;可接受作為風格化變化 |
L*、a*、b* 數字會告訴您偏移發生在哪裡,這在不合格需要修正時至關重要。參考值 L*=50、a*=40、b*=30 對比樣本 L*=48、a*=42、b*=28,代表色樣稍微變深、稍偏紅、黃色略減 — 這是下一批生產需要追趕的三項獨立調整。
找出兩個 HEX 顏色之間的差異
取得站得住腳數字的最快途徑,是使用基於標準的計算工具,而非憑肉眼比對色樣。Color Difference Calculator 接收兩個不透明的 HEX 值,將它們走過 sRGB → XYZ → D50 CIELAB 的管線,再計算 ΔE 2000,讓您得到與分光光度計相同的數字。請依照下列步驟進行可靠的比較。
- 挑選您想比較的兩個顏色,例如一個參考 HEX 與一個樣本 HEX,並確認兩者都是六位數的不透明值(不要包含 alpha 通道)。
- 開啟 Color Difference Calculator,在左側欄位輸入第一個顏色,記得包含前導的 #,例如 #1E6FBA。
- 以同樣的方式在右側欄位輸入第二個顏色,例如 #2672B9,並保持十六進位數字的大小寫一致。
- 點擊 Compare colors,等待結果面板;工具會在內部將兩個輸入值轉換為 D50 CIELAB,再套用 ΔE 2000 公式。
- 在結果頂端讀取 ΔE 2000 數值,以及下方列出每個顏色的三組座標 (L*、a*、b*)。
- 將 ΔE 與上方的容差表或您自己的規格表進行比對,然後將兩個 HEX 輸入值、ΔE 與座標對,連同您的工作流程筆記一併記錄,讓比較結果保持可稽核。
正確準備您的 HEX 輸入值
大多數錯誤的答案來自草率的輸入,而非糟糕的數學。一個像 #1E6FBA 的六位數 HEX 可拆成紅 0x1E (30)、綠 0x6F (111)、藍 0xBA (186)。任何較短的型式 — #1E6、#1E6FB、具名顏色,或帶有 alpha 配對的值如 #1E6FBAFF — 都會被以不同方式解讀,或被嚴格工具拒絕。如果您手邊是 RGB 三元組或 HSL 值而非 HEX,請先透過 HEX to RGB Converter 或 RGB to HEX 工具進行轉換,讓比較的兩端使用相同的代碼格式。
D50 參考光源在跨螢幕、印刷與實驗室儀器分享數字時也很重要。Color Difference Calculator 使用 D50 CIELAB,這是 ISO 13655 在印刷藝術領域所強制要求的慣例,也符合 Adobe Photoshop 在設定為該工作色域時,色彩選擇器所回報的數值。如果您的團隊將您的 ΔE 與以 D65 分光光度計測得的數值進行比對,請預期在飽和的青色與藍色上會出現小幅的系統性偏差,並在宣告合格或不合格之前先釐清這個差異。
ΔE 讓您感到意外的常見原因
一對在螢幕上看起來幾乎相同的十六進位代碼,仍可能產生 3 甚至更高的 ΔE;而一對看起來明顯不同的代碼,ΔE 可能只有 1。首先要檢查的是兩個 HEX 值是否在同一個色彩空間中製作,理想上是 sRGB。從印刷打樣複製過來的顏色可能帶有 CMYK 值,被草率地轉換成 sRGB 十六進位,現在離原本的目標色已經很遠;透過 RGB to CMYK Converter 來回轉換通常會讓這種偏移一目了然。
第二件要檢查的是您樣本的位元深度。HEX 值每個頻道只能編碼 256 個階級,這限制了兩個相異代碼之間最小的 ΔE,在灰色範圍大約是 0.5,在飽和區域則大得多。在儀器精度內「吻合」的兩個顏色,仍可能僅僅因為 8 位元十六進位的格點過於粗糙而無法表達完美吻合,而讀到 ΔE ≥ 2;在這種情況下的解法,是用肉眼對著參考色確認感知上的吻合,而不是去追逐更小的十六進位差異。
最後,請記得色彩外觀會受到周遭情境影響。深沉的海軍藍放在純白背景上,與放在暖灰色背景上看起來不同,而 ΔE 並不會模擬同時對比或光源的變化。對於前景與背景配對的無障礙決策,請改用 Color Contrast Checker 進行比較,它評估的是易讀性用的亮度比,而非感知色彩距離。
記錄結果以保持其可用性
ΔE 數字的好壞,端看圍繞它的中繼資料。當您為品牌規格、藝術打樣或供應鏈品管報告記錄一筆比較時,請一併擷取四項資料:兩個 HEX 輸入值的原文、ΔE 2000 數值、您套用的容差帶,以及觀看情境(螢幕、打樣觀察燈箱、儀器孔徑)。如此一來,六個月後的審核人員便能使用 Color Difference Calculator 重做這項計算,驗證您的結論,而非憑信任接受。對於同時需要互補色票來進行測試的設計師而言,Color Palette Generator 能從單一錨點顏色一鍵產生平衡的配色。
經常被引用的工作流程
有兩篇相鄰的指南與這個比較工作流程自然搭配。how to calculate color difference between two HEX values 的逐步教學,會以一個實際的數值範例手動走過相同的數學,這在您想要理解 CIELAB 轉換,而不只是信任工具時很有用。忘了先把 RGB 或 HSL 輸入值轉換成 HEX 是最常見的錯誤;how to convert RGB to HEX 的實務教學補上了這個缺口,讓您的比較兩端都能從乾淨的六位數值開始。