CIEDE2000 是 Mac 上色差計算器用來比較兩個不透明 sRGB HEX 顏色、並回報數值 Delta E 2000 結果以及 D50 適應 CIELAB 座標的公式。在 macOS 上執行它很直接，因為產生這些數字的標準化路徑完全存在於你的瀏器中，而非系統工具、付費桌面應用程式或開發者 SDK。你將兩個六位數 HEX 字串貼到網頁中，點擊 Compare colors，頁面就會將每個 sRGB 通道線性化、相對於 D65 乘進 CIE XYZ、套用 Bradford 矩陣將參考光源位移到 D50、轉換為 CIELAB，再將未經四捨五入的 Lab 值送進 CIEDE2000 距離公式。所有運算都留在你的機器上 — 不上傳、不註冊、不需要授權金鑰。由於 macOS 上的 Safari、Chrome、Firefox 與 Arc 都以確定性方式執行相同的 JavaScript 數學運算，你在 MacBook Air 上看到的結果，會與另一座城市中 Mac Studio 上的同事所得到的結果一致 — 只要兩人輸入相同的 HEX 字串。本文將逐步說明在 Mac 上的每個步驟、解釋瀏覽器所遵循的轉換路徑，並說明公式數值適用的位置 — 以及它無法取代實際色彩量測之處。
為何瀏覽器式計算器適合 macOS 工作流程
macOS 已經在 ColorSync Utility 與 Digital Color Meter 中內建了能幹的色彩工具，而 Pixelmator、Affinity Photo 與 Illustrator 等專業應用程式也各自內建差異計量器。在你需要對設計令牌進行品質檢查、記錄品牌色彩修訂，或比較從截圖中取出的兩個 HEX 取樣值時，這些工具都無法取代一個快速、檔案可攜、以瀏覽器為基礎的 CIEDE2000 計算。以網頁為基礎的 Mac 上的色差計算器可在任何現代瀏器中執行，無需安裝，並且在任何開啟該頁面的 Mac 上產生相同的數值答案。你可以將它加入書籤、在 Slack 對話中分享連結，或透過 Safari 的「Open as Window」選項將它釘選到 Dock，並且在跨機器與作業系統版本時行為仍然一致。
在共用或客戶擁有的 Mac 上，還有一個值得重視的隱私面向。由於計算在瀏覽器中於本機執行，且沒有任何色彩值被上傳，你比較的 HEX 配對永遠不會離開裝置。設計師比較保密中的品牌色票、攝影師跨編輯匹配膚色，或品保工程師記錄調色盤變更時，都可以貼上專屬數值而無須擔心伺服器端紀錄。這個工具的行為像是一台確定性的離線計算機，只是剛好以網頁形式遞送 — 當品牌手冊禁止將色彩參考上傳到第三方服務時，這點非常方便。
三個步驟在 Mac 上執行色差計算器
一旦準備好兩個 HEX 值，整個 macOS 工作流程只需幾秒鐘。
- 在 Safari、Chrome、Firefox 或 Arc 中開啟色差計算器，並輸入兩個不透明、六位數的 sRGB HEX 顏色，包含每個前導的 #。
- 選擇 Compare colors，將兩個值轉換為 D50 CIELAB 並計算 CIEDE2000。
- 記錄原始的 HEX 值與 Delta E 2000 結果，連同你的工作流程所需的容差與觀察情境。
輸入驗證會在計算之前執行，因此空欄位、缺少井字號、三位數簡寫、alpha 通道或任何非十六進位字元都會以明確的錯誤呈現，而非被靜默重新解讀的值。一旦比較成功，頁面會顯示兩個原始 HEX 字串、每個的四捨五入 D50 CIELAB 座標，以及 Delta E 2000 結果。將這些複製到你的設計註解、Pull Request 說明或品保工單中，以便隊友日後能重現此次比較。若你的 Mac 色彩描述檔設定為寬色域 P3 顯示器，會影響色塊在螢幕上的呈現方式，但不會改變數值計算 — 數值計算錨定於 sRGB 輸入。
Mac 瀏覽器如何處理 sRGB → CIELAB 轉換
頁面上的 CIEDE2000 數值是六階段轉換管線的最後一步。每個階段都是確定性的，並在 Safari 或 Chrome 分頁內以 JavaScript 執行，因此相同的 HEX 字串在跨機器時會產生相同的 Lab 值。瀏覽器遵循 CSS Color 4 範例轉換程式碼，且實作會對照 Sharma、Wu 與 Dalal 的參考資料進行檢查，其中包括八組對正負號敏感的補充 Lab 配對，用以捕捉細微的色相繞回錯誤。
| 階段 | 瀏覽器計算的內容 | 在 Mac 上為何重要 |
|---|---|---|
| sRGB 正規化 | 每個兩位數 HEX 配對除以 255，得到 0–1 通道 | 將輸入錨定到 sRGB 色彩空間 |
| 線性化 | 通道通過 sRGB 轉換函數 | 在 XYZ 轉換前移除伽馬曲線 |
| D65 XYZ 矩陣 | 線性 RGB 乘進 D65 光源的 CIE XYZ | CSS 規範中的標準 sRGB 轉 XYZ 步驟 |
| Bradford 適應 | D65 XYZ 乘以 Bradford 矩陣至 D50 | 為 CIELAB 位移參考白點 |
| CIELAB 轉換 | D50 XYZ 轉換為 L*、a*、b* | 可見的 Lab 值僅為顯示而四捨五入 |
| CIEDE2000 | 未四捨五入的 Lab 送入 ΔE 2000 公式 | 預設權重 kL = kC = kH = 1 |
對 Mac 使用者而言，這帶來兩個實際的結果。首先，由於頁面上可見的 Lab 數字是為顯示而四捨五入，若你想要可重現的結果，絕不應將它們回送進第二次 ΔE 2000 計算 — 務必回到原始 HEX 字串。其次，該公式使用常見的預設參數權重 kL、kC 與 kH 等於一，這符合 W3C 範例實作，但並非學術文獻中唯一的加權方式。若你的工作流程需要不同的加權，請將頁面上的數字視為參考，而非定論。如需更深入地逐步說明該公式本身，可參閱如何計算兩個 HEX 值之間的色彩差異指南，其中擴展說明了每個階段。
在你的 Mac 上解讀 Delta E 2000 結果
螢幕上的數字是由 CIEDE2000 距離公式產生的單一純量。相同的輸入必定回傳 0，而將色彩 A 與色彩 B 比較的結果，與將 B 與 A 比較的結果相同 — 僅受浮點顯示精度影響。由於計算具對稱性與確定性，一個完整的範例就足以釐清其意涵：當你將相同的 HEX 同時貼入兩個欄位 — 假設兩個輸入皆為 #FF0000 — 公式內部的每個明度、色度與色相差異都會塌縮為零，因此公式回傳 ΔE 2000 = 0.000。改動其中一個輸入後，相同的公式便會開始產生正數，其大小反映兩個色彩在 Lab 空間中發散的程度。
CIEDE2000 比 CIELAB 中的直線歐氏距離更為複雜。它會在中性軸附近調整 a* 軸、處理跨越 0°/360° 邊界的色相角度、對明度、色度與色相差異分別加權，並包含一個旋轉項，以補償 CIELAB 在藍色區域低估感知距離的現象。這些調整正是 CIEDE2000 在印刷、油漆、紡織、攝影與數位設計品質檢查中，大幅取代較舊的 ΔE 76 與 ΔE 94 公式的原因 — 但相同的複雜度也意味著這個數字只是決策的一項輸入，絕非決策本身。
輸入格式規則與被拒絕的情形
計算器刻意接受狹窄的輸入格式，以確保色彩空間與不透明度明確無誤。任何其他情形都會在轉換執行之前產生錯誤，以保護最終 ΔE 2000 的完整性。
| 格式 | 範例 | 結果 |
|---|---|---|
| 含前導 # 的不透明六位數 HEX | #1F6FEB | 接受並轉換 |
| 三位數 HEX 簡寫 | #1F6 | 以明確錯誤拒絕 |
| 含 alpha 的八位數 HEX | #1F6FEBCC | 拒絕 — alpha 會改變實際色彩 |
| 具名 CSS 色彩 | rebeccapurple | 拒絕 — 色彩空間並非 sRGB HEX |
| display-p3 或其他色域字串 | color(display-p3 1 0 0) | 拒絕 — 超出宣告的輸入空間 |
| 缺少前導 # | 1F6FEB | 拒絕 — 輸入格式錯誤 |
其中兩條規則在 Mac 上值得特別留意。首先，此工具僅比較不透明的 sRGB 色彩；若你的工作流程涉及透明度，頁面無法為你代勞合成。請先將兩個 HEX 值在相同的已知背景上合成後再行比較，因為半透明的前景並非單一的獨立不透明色彩。其次，雖然在你的配備 P3 面板的 Mac 上，色域 display-p3 字串看起來很吸引人，但計算器的數學運算定於 sRGB；傳入 P3 值會在無聲中扭曲 ΔE 2000 的結果。若你需要將 P3 色彩與其餘 sRGB 調色盤比較，請先將 P3 色彩轉換回 sRGB HEX，並將原始的 P3 字串保存在你的設計來源中以供歸檔。
這個數值何時有幫助、何時無能為力
CIEDE2000 結果具可重現性、對稱性且易於記錄，這使它非常適合用於設計令牌修訂、CSS 調色盤稽核、與可及性相關的對比探索，以及可重複的品保註解。輸入欄旁的兩個色彩色塊可在你的 Mac 顯示器上提供快速的視覺交叉檢查，但螢幕預覽並非色彩量測證據 — 瀏覽器渲染、螢幕色域、色彩描述檔、亮度與校準都會改變外觀，而數值計算僅依據輸入的 sRGB 座標與記錄在案的轉換路。該頁面無法量測實體物件，也無法推斷印表機描述檔。
在印刷、油漆調配、紡織染色、品牌色彩審核或任何實體製造情境的生產決策中，請將結果視為比較輔助，而非保證。實體配色需要校準過的儀器，例如分光光度計、標準所規定的特定光源與觀察者條件、相關的 ICC 描述檔、基材的光譜行為，以及你的製程已定義的容差範圍。若你在註解中記錄兩個 HEX 值、ΔE 2000 數值與觀察或生產情境，日後任何重現此次比較的人都會得到相同的答案 — 但就最終驗收決定而言，該頁面只是起點，而非定論。
若你正在權衡各種選項，如何修正看起來不對的 HEX 色彩混色結果對此有詳細說明。