Delta E 2000 是 CIE Lab 色彩空間中兩個色彩之間基於標準的數值距離，而會回傳 CIEDE2000 的色差計算器可讓您比較兩個不透明的六位數 sRGB HEX 值，並精確查看它們在感知加權尺度上的距離。最終結果是一個量化色調與變化的單一數字:相同完全相同的 HEX 配對必定回傳零，而每增加一個單位即代表在明度、彩度或色相上，根據公式定義的差距更大。CIEDE2000 並非單純的歐氏距離。它會在中性灰色附近調整 a* 軸，處理跨越零度邊界的色相角度，分別為明度、彩度與色相差異加權，並在藍色區域加入旋轉項。由於轉換路徑會經過 D65 XYZ、Bradford D50 適應，然後再到 CIELAB，因此兩個在螢幕上看起來相似的 HEX 值，會在套用公式之前先對應到 Lab 座標。此數字是可重現的，在相同預設加權 (kL = kC = kH = 1) 下具有對稱性，當您需要的是有書面記錄的比較，而非目測猜測時，它非常有用。
「色調與變化」在色彩術語中的意義
在日常的色彩對話中，「shade(色調)」通常指在基色中加入黑色後得到的較暗版本，而「tint(淡色)」則指加入白色後得到的較亮版本。「tone(色階)」介於兩者之間，指的是飽和度降低的版本。「variations(變化)」是較寬鬆的傘狀詞彙，泛指任何一組相關色彩——例如主品牌紅色及其 hover 狀態、背景中性色及其邊框色，或主調色盤色及衍生強調色。色差計算器能以螢幕比較無法做到的方式，量化該色彩群組內部的差距。
螢幕比較之所以力有未逮，原因在於眼睛在強光下會忽略細微差異，在弱光下則會放大其他差異，而顯示器本身的色域、亮度與白點也各有不同。CIEDE2000 的設計目的正是要比早期公式更精確地模擬感知差異。它本質上是在問:若考量人類視覺而非原始 sRGB 通道差異，這兩個色彩究竟相距多遠?這使它成為一個合理的指標，可用來判斷兩個 CSS 色調是否算設計系統中的同一階、抽樣影像色是否與書面記錄中的品牌色樣足夠接近，或修訂後的設計標記是否偏離了前一個版本。
CIEDE2000 如何衡量兩個 HEX 值之間的差距
此轉換管線刻意保持精簡。每個 sRGB 通道都會被歸一化為介於零到一之間的值，以 sRGB 轉換函式進行線性化，乘上對應 D65 光源的 CIE XYZ，再以 Bradford 矩陣從 D65 適應至 D50，最後從 D50 XYZ 轉換為 CIELAB。頁面上顯示的 Lab 值是為了顯示而四捨五入，但未四捨五入的數字會繼續代入差異公式，因此您在螢幕上看到的內容，正是計算中所用實際座標的整潔版本。
接著 CIEDE2000 會使用預設參數權重 kL = kC = kH = 1 來計算差異。該公式會在中性色附近調整 a* 軸，處理跨越零度邊界的色相角度，對明度、彩度與色相分別套用權重，並在藍色區域加入旋轉項。這正是為何兩組在 Lab 中具有相同直線距離的配對，可能會回傳不同的 Delta E 2000 值——感知上相似的藍色與感知上相似的灰色，本質上並非同一問題。
下表摘要說明計算器接受與拒絕的輸入。嚴格的輸入規則是為了讓輸入色彩空間與不透明度保持明確;此工具刻意不會默默重新解讀格式錯誤的字串。
| 輸入格式 | 是否接受? | 原因 |
|---|---|---|
| #RRGGBB (六位數，前置井字號) | 是 | 精確符合不透明 sRGB |
| #RGB 簡寫 | 否 | 刻意拒絕以避免隱性展開 |
| #RRGGBBAA 含 Alpha | 否 | 透明度需要明確的合成處理 |
| RRGGBB 無井字號 | 否 | 缺少必要的 # 前綴 |
| CSS 命名色彩 (red、tomato) | 否 | 屬於不同的色彩空間 |
| rgb(255, 0, 0) 語法 | 否 | 解析器會產生歧義;不予支援 |
| 空字串或額外位數 | 否 | 在計算前驗證即失敗 |
結果旁顯示的兩個色塊僅作為視覺參考，而非色度證據。瀏覽器渲染、螢幕色域、色彩設定檔、亮度與校色，皆可能改變色塊在您螢幕上的呈現方式。請將色塊視為一項健全性檢查，確認您輸入的正是您預期輸入的內容，並將 Delta E 2000 數值視為真正的比較依據。
比較兩個 HEX 色調與變化
若要使用色差計算器進行色調與變化的比較，請依照下列步驟操作。
- 挑選兩個不透明的六位數 sRGB HEX 色彩，代表您想比較的色調或變化，例如基色及其衍生狀態之一。請確認每個值皆包含前置 # 且恰為六個十六進位字元。
- 將第一個 HEX 值輸入第一個色彩欄位，將第二個 HEX 值輸入第二個色彩欄位。若您使用的是從影像抽樣得到的色彩，請直接從選色器複製數值，切勿手動謄寫。
- 選擇「比較色彩」。此工具會將兩個值依序通過 sRGB 轉線性、D65 XYZ、Bradford D50 適應與 CIELAB 的管線，然後以 kL = kC = kH = 1 執行 CIEDE2000。
- 同時閱讀 Delta E 2000 數值結果與每個色彩的 D50 適應 CIELAB 座標。Lab 值顯示每個色彩在明度 (L*)、紅綠 (a*) 與黃藍 (b*) 軸上的位置。
- 記錄原始 HEX 值、回報的 Delta E 2000 數字，以及您工作流程中的觀看或製作情境，以便其他人能重現該決策。
若任一輸入格式錯誤，計算器會產生明確的錯誤訊息且不顯示結果，而不是默默猜測。這能保護您避免去比較根本不在同一色彩空間上的值。如需對公式本身進行更深入的逐步說明，色差計算器中的 Delta E 2000一文以更詳細的內容涵蓋了同一管線。
同時閱讀 D50 CIELAB 座標與結果
Delta E 2000 數字本身只能告訴您差距的大小，卻無法指出差距存在於何處。D50 CIELAB 座標補足了這塊拼圖。L* 軸從零 (黑色) 延伸到一百 (白色)，代表感知明度。a* 軸從負值 (綠色) 經過中性灰延伸至正值 (紅色)。b* 軸從負值 (藍色) 經過中性灰延伸至正值 (黃色)。當您比較兩個色彩時，L* 的差異可告訴您變化是否主要為明度階梯，而 a* 與 b* 的差異則可告訴您變化是移向不同色相或不同彩度。
兩個色彩可能因截然不同的原因而擁有相同的 Delta E 2000 值。兩種深石板灰產生的小數值，代表幾乎純粹的明度階梯;兩種飽和藍色產生的小數值，則代表在藍色色族內部極微小的色相與彩度偏移。兩者在其所屬色族中皆為有效的色調或變化，但它們描述的是不同的設計決策。將 Lab 值與 Delta E 2000 結果一併閱讀，正是將單一數字化為可據以行動比較的關鍵。
CIELAB 的設計，使得等距的數值步階比原始 sRGB 通道中的等距步階更接近等距的感知步階。這正是計算器在轉換為 Lab 之前，先以 Bradford 矩陣從 D65 適應至 D50 的實際理由——它遵循CSS Color 4 範例轉換路徑，該路徑已為現代色彩工具普遍採用。
容差、觀看條件，以及數字無法告訴您的事
在相同的預設加權下，CIEDE2000 是可重現的:將色彩 A 與色彩 B 相比，結果與將色彩 B 與色彩 A 相比相同，僅受浮點顯示精度限制。相同的色彩會回傳零。當兩個色彩在 Lab 中逐漸遠離時，數值會隨之增大。該數字在數學上具有對稱性，但它並非兩個色彩是否匹配的普適裁決。
此計算器刻意不將任何固定的 Delta E 2000 數值標示為通過、不通過、對所有觀察者皆相同，或適用於所有生產流程。感知取決於觀看條件、環境光、表面質感、樣本周圍的色彩、觀察者的視力，以及您工作流程所選定的容差。在昏暗房間中校色過的顯示器上看不見的小數值，在日光下的光面印刷品上可能清晰可見。不同產業採用不同的驗收標準。印刷、油漆、紡織、品牌審查、攝影與介面設計皆使用不同的儀器與容差區間。請將結果視為可重現的比較輔助工具，而非兩份實體樣本必定相符的保證。
若要評估文字可讀性，Delta E 2000 數值是錯誤的指標——請改用對比度比率工具。對於實體製造決策，則必須使用經校色的分光光度計，並依循該流程所要求的標準、光源、觀察者、色彩設定檔、底材與容差條件。此計算器是對兩個不透明 sRGB 座標進行的確定性用戶端比較，既非選色器，也非分光光度計，更非 ICC 設定檔轉換器或認證服務。
Recording the Comparison So Others Can Reproduce It
A Delta E 2000 result only becomes useful documentation if the comparison can be reproduced later. The minimum record should include the two original HEX values with their leading #, the reported Delta E 2000 number, and the context in which the comparison was made. Context can be as simple as "design token revision, screen preview, ambient office light" or as detailed as "brand review, D65 booth, before reprint approval."
If you compare many shades against a single base color, store the Lab values too — they let you see which axis each variation moves along, which is faster than re-reading the formula for every pair. If your workflow has a tolerance band — for example, any token within a Delta E 2000 of 1.0 of its target is approved without sign-off — write the band into the same record so future reviewers do not have to re-derive the threshold. The calculator runs entirely in the browser and does not upload color values, so the same record is the only place the comparison history lives.
For documenting design-token revisions, comparing sampled image colors against a brand palette, or building repeatable QA notes, the same three pieces — HEX, Delta E 2000, context — are enough. The implementation is checked against eight sign-sensitive reference pairs from the Sharma, Wu, and Dalal supplemental dataset (per the CIEDE2000 implementation data), so the formula path is verifiable rather than approximate. That makes the recorded number something a teammate can re-run and reach the same result.
If you're weighing options, Color Difference Calculator Tips and Avoid Common Mistakes covers this in detail.