色差 ΔE 計算

這是色差 ΔE 計算器。比較兩顆顏色在 CIELAB 裡有多遠（CIEDE2000、CIE94、CIE76）。這不是 WCAG 對比度。

點一下即可複製

CIEDE2000 ΔE₀₀
CIE94 ΔE*₉₄
CIE76 ΔE*ₐᵦ
观感
ΔL*
Δa*
Δb*

要看正文對比度？用 顏色轉換

示例，點色塊填入

一行一對，例如 #3B82F6 #2563EB。填入示例會填三對，表裡是 CIEDE2000。

色差 ΔE 計算

這是色差 ΔE 計算器。ΔE 是兩顆顏色在 CIELAB 裡有多遠，不是字在底上能不能通過 WCAG。本頁把 sRGB 的 HEX、rgb()、hsl() 按 D65 轉成 Lab，給出 CIEDE2000（主結果）、CIE94、CIE76。對比度請用顏色轉換。

如何使用

  1. 顏色 A、顏色 B 各貼 HEX、rgb() 或 hsl()，点色块、對調，或在支援的瀏覽器里從螢幕取色。
  2. 先看 CIEDE2000，再看 CIE94 和 CIE76。觀感按 CIEDE2000：小於 1、1–2、2–5、5–10、更大。兩邊的 Lab 以及 ΔL* Δa* Δb*（B 减 A）在下面。
  3. 對照條左邊是 A、右邊是 B。点晶片複製数字或 HEX。複製结果複製三个 ΔE 和两行 Lab。
  4. 顯示示例是 #3B82F6 对 #2563EB。色块還有相同 HEX、白对 #F8FAFC、紅對 #FF2A00、紅對綠、teal-700 对 teal-400。
  5. 批次一行一對，例如 #3B82F6 #2563EB。填入示例三對，表裡是 CIEDE2000。

注意事項

相同顏色三个公式都是 0。CIE94 用印刷常数（kL=1，K1=0.045，K2=0.015），顏色 A 當參考，對調后 CIE94 可能略變；CIE76 和 CIEDE2000 不變。这是顯示器 sRGB，不是分光光度計。一个数字不能当印刷或布料合格。非法 HEX 会報錯。相關：HEX 转 Tailwind（對色板類名的 ΔE）、加白加黑。

用在哪裡

  • 两个品牌色在屏幕上是不是太近。
  • 截圖 HEX 和規範 HEX 是不是同一顆。
  • 舊文件點名 CIE76 时仍報它，排序仍用 CIEDE2000。

常見問題

ΔE 小於 1 一定看不見嗎？

不一定。常用來形容計算上很小的差。光線、面積、質感和觀察者仍有影響。

該報哪個公式？

沒有合約另寫就用 CIEDE2000。上世紀印刷規格裡光寫 “Delta E” 的，先當成 CIE94 再核對。

能憑螢幕去對油漆嗎？

这里只能比數字參考。材料決定仍要實測和實物樣。