色差 ΔE 計算

色差 ΔE を計算するツールです。2 色が CIELAB でどれだけ離れているかを出します（CIEDE2000、CIE94、CIE76）。WCAG コントラストではありません。

クリックするとコピーします

CIEDE2000 ΔE₀₀
CIE94 ΔE*₉₄
CIE76 ΔE*ₐᵦ
見え方
ΔL*
Δa*
Δb*

文字のコントラストは 色の変換

例 — スウォッチをクリック

1 行 1 組、例 #3B82F6 #2563EB。例を入れると 3 組。表は CIEDE2000 です。

色差 ΔE 計算

色差 ΔE を計算するツールです。2 色が CIELAB でどれだけ離れているかを出します。WCAG の合否ではありません。

使い方

  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 をコピー。結果のコピーは 3 つの ΔE と両 Lab です。
  4. 例は #3B82F6 対 #2563EB。同じ HEX、白と #F8FAFC、赤と #FF2A00、赤と緑、teal-700 と teal-400 もあります。
  5. 一括は 1 行 1 組。例を入れると 3 組。表は CIEDE2000 です。

注意事項

同じ色はすべて 0。CIE94 は印刷定数で A が基準なので入れ替えると少し変わり得ます。CIE76 と CIEDE2000 は同じです。画面の sRGB であり分光測色ではありません。数値だけでは印刷や生地の合格になりません。不正な HEX はエラーです。関連：HEX を Tailwind、ティント／シェード。

こんなときに

  • ブランド色が画面上で近すぎないか。
  • スクリーンショットの HEX と仕様の HEX。
  • 古い文書が CIE76 を指定しているとき。順位付けは CIEDE2000。

よくある質問

ΔE が 1 未満なら見えませんか？

限りません。計算上ごく小さい差の目安です。光、面積、質感、観察者で変わります。

どの式を書けばよいですか？

契約が別式を指名しない限り CIEDE2000 です。1990 年代の「Delta E」はまず CIE94 と疑います。

画面だけで塗料を合わせられますか？

ここでは数字の参照だけです。材料の判断には実測と現物が必要です。