AZ Tools

色距離 (ΔE)

カラー

ΔE（デルタ E）は「これらの 2 つの色が人間の目にどれくらい違って見えるか」を単一の数値で表現する標準的な方法。CIEDE2000 は現代の参考 — 約 1 未満は通常区別不可能、約 2 未満は非常に近い、10 前後は明らかに異なる、50+ は色相環の反対側。CIE76 はレガシー用、RGB 距離は素朴なベースライン。

—
距離
  • ΔE 200031.36
  • ΔE 7667.18
  • RGB 距離85.15

知覚

異なる — 明確に別の色。

ΔE は D65 参照白を使用した CIE Lab で計算 — すべてのモダンなカラーマネジメントツールが使う同じ慣習。

使い方

  1. 2 つの HEX 色を入力するか、スウォッチで選択。
  2. CIEDE2000 を読む — それが信頼できる知覚的な数値。
  3. 下の注釈が値を定性的な記述にマップ。

よくある質問

ΔE76 と ΔE2000 はなぜ違う？
ΔE76 は Lab 空間でのストレートなユークリッド距離 — 計算は簡単だが青の領域で歪む。CIEDE2000 は色相、彩度、明度の感度差を補正する。モダンなカラーマネジメントソフトウェア（Pantone、X-Rite、Adobe）は CIEDE2000 を報告する。
知覚可能な最小差は？
管理された視聴条件下では ΔE 1 程度。実際には — 悪いモニター、周囲光、並列 vs 記憶比較 — 通常 ΔE 2〜3 で気付き始める。

関連ツール

色覚シミュレーター

8 種類の色覚異常（CVD）で画像がどう見えるかを再現。

カラー00

CSS Box Shadow ジェネレーター

複数レイヤーで CSS box-shadow を視覚的にデザイン — リアルタイムプレビュー + CSS / Tailwind 出力。

カラー00

カラーフォーマット変換

任意の色を HEX・RGB・HSL・HSV・OKLCH・CSS 変数で一括変換。

カラー00

CSS グラデーションジェネレーター

線形・放射状 CSS グラデーションを多段カラーストップでデザインし、コードをコピー。

カラー00

カラーパレット ジェネレーター

基準色から 6 種類のスキームで調和の取れたパレットを作成。

カラー00

カラーコントラスト チェッカー

文字／背景のコントラストを WCAG AA・AAA 基準でチェック。

カラー00