ブラウザで使える無料カラーツール
2つのHEXカラーを入力すると、CIEDE2000によるDelta E、左右の色見本、色相・彩度・明度の差を同時に確認できます。アカウント登録は不要で、計算はブラウザ上ですぐ更新されます。
2026年7月17日更新
Delta E 色差計算機
このツールは2つのHEX値を知覚色空間へ変換し、CIEDE2000式で色差を求めます。値が小さいほどモデル上は近く、値が大きいほど知覚的な隔たりが大きいことを示します。ただし、単一の数値を万能な合否基準にせず、実際の色見本、表示環境、用途ごとの許容条件と合わせて判断してください。
CIEDE2000
3桁または6桁のHEXを入力するか、カラーピッカーを使ってください。色の入れ替えにも対応し、結果は即時更新されます。
ライブ比較
見える可能性がある穏やかな差
HSBの絶対差
各ラベルは読み取りの目安であり、品質、アクセシビリティ、印刷、製造に共通する許容値ではありません。
素材、照明、観察者、ディスプレイ校正、判断リスクによって必要な許容値は変わります。以下は認証基準ではなく、比較を始めるための説明です。
| CIEDE2000結果 | 分かりやすい読み方 | 次に確認すること |
|---|---|---|
| 1未満 | 計算上は極めて近いサンプルです。 | 実際の出力媒体でも確認し、全員・全端末で同じ見え方になるとは決めつけないでください。 |
| 1以上2未満 | モデル上の差は非常に小さい状態です。 | 精度が重要なら、用途の許容値と管理された観察条件を確認します。 |
| 2以上5未満 | 並べると穏やかな差が見える場合があります。 | どのHSBチャンネルが動いたかを見て、デザイン意図への影響を判断します。 |
| 5以上10未満 | モデル上は明確な色差です。 | 広いばらつきが許される用途でなければ、異なる色として扱います。 |
| 10以上 | モデル上の色差は大きい状態です。 | HEX入力、カラーマネジメント、同じ目標色を比べているかを再確認します。 |
HEXコードは画面用の赤・緑・青の量を表しますが、RGBで同じ数値だけ動かしても、いつも同じ大きさの見た目の変化になるとは限りません。CIEDE2000は、人の色知覚との関係を考えて設計されたCIELAB値を基礎にし、明度、彩度に関わるクロマ、色相の挙動を補正します。2つのRGB三要素を単純に引き算するより、見た目の違いを検討する目的に適しています。
計算機は有効なHEXを解析し、Toon Toneでも利用しているカラーライブラリを通して変換した後、CIEDE2000関数で比較します。AとBを入れ替えてもDelta Eは変わりません。HSB欄は別の診断情報で、編集しやすい軸を示しますが、Delta Eへ加算したり置き換えたりはしません。知覚モデル上の距離と、修正すべき方向を分けて読める構成です。
ゼロは、解析された2つのサンプルが計算上同じ色であることを意味します。数値が上がるほど、モデル化された知覚的な隔たりも大きくなります。この方向性は分かりやすい一方、誰かが差に気づく点や許容する点は状況次第です。校正済みモニターでUIトークンを比べるデザイナー、紙の印刷を検品する担当者、校正されていないスマートフォンでキャラクター色を思い出すプレイヤーでは、必要な判断が異なります。
そのため、Delta Eは決定を支える測定値として使い、数値だけで決定を完了させないことが重要です。最終的に使う大きさ、背景、媒体で色見本を確認します。Delta E 76、Delta E 94、CIEDE2000は同じ色の組でも異なる結果を返すため、式の名前も記録してください。契約、ブランド規定、研究室、製造仕様が許容値を定めている場合は、その条件を優先します。
色相は色相環上の位置、彩度は色の強さ、明度は画面上の明るさを示します。似たDelta Eの2組でも、修正内容は違うことがあります。一方は主に明度がずれ、もう一方は彩度を保ったまま色相の境界を越えているかもしれません。絶対HSB差はその方向を素早く示します。色相差には円周上の短い距離を使うため、359度から1度への変化は358度ではなく2度です。
デザイントークンの調整や色記憶練習では、この分解が役立ちます。色相が近く明度差が大きいなら、色の系統を保ったまま明度を先に直します。明度と彩度が近く色相だけ違うなら、他の軸を固定して環を移動します。HSBは知覚的に均等な空間ではないので、同じHSB差でもDelta Eは同じになりません。HSBは編集の手掛かり、CIEDE2000はモデル上の比較として使います。
ブラウザツールは、色見本を表示する端末を制御できません。モニター校正、カラープロファイル、画面の明るさ、視野角、室内光、色付きの保護フィルムなどで見え方は変化します。周囲の色も知覚に影響し、同じ灰色が青の隣では暖かく、橙の隣では冷たく感じられることがあります。中立的な分割プレビューは比較に便利ですが、あらゆる素材、印刷工程、端末、アニメ画面を再現するものではありません。
画面デザインでは、実際のコンポーネントを代表的な端末、ライトテーマ、ダークテーマで確認します。印刷や物理製品では、ワークフローで指定された照明と測定条件の下で管理サンプルを比べます。再現できるよう、元のHEXと式の種類も保存してください。費用、安全、ブランド、製造品質に影響する判断では、未校正画面のスクリーンショットではなく、校正された機器と正式な許容仕様を使用します。
ΔE00とも表記されるCIEDE2000です。知覚色空間で色を比較し、明度、クロマ、色相の挙動を補正します。
必ずとは言えません。モデル上は極めて近い結果ですが、観察者、端末、素材、照明、用途に共通する万能な境界はありません。
できます。#0afのような入力は6桁相当に展開されます。6桁は先頭の#があってもなくても入力できます。
できません。Delta Eは色差、アクセシビリティのコントラストは相対輝度を測ります。文字やUIには適切なWCAG方式を使ってください。
HSBは編集しやすい一方、知覚的に均等ではありません。開始色によって同じ変化の見え方が異なるため、2つの値は別の問いを説明します。