Color Distance (ΔE)
Color
ΔE (Delta E) is the standard way to put a single number on "how different do these two colours look to a human eye". CIEDE2000 is the modern reference — values under ~1 are usually indistinguishable, under ~2 are very close, around 10 is clearly different, and 50+ is opposite-corner-of-the-wheel. CIE76 is shown for legacy use; RGB distance is included as a naive baseline.
- ΔE 200031.36
- ΔE 7667.18
- RGB distance85.15
Perception
Different — distinct colours.
ΔE is computed in CIE Lab using D65 reference white — same convention every modern colour-management tool uses.
How to use
- Type two HEX colours or pick them with the swatches.
- Read CIEDE2000 — that's the perceptual number to trust.
- The bottom note maps the value to a qualitative description.
Frequently asked questions
- Why is ΔE76 different from ΔE2000?
- ΔE76 is a straight Euclidean distance in Lab space — easy to compute but distorts in the blue region. CIEDE2000 corrects for hue, chroma, and lightness sensitivity differences. Modern colour-management software (Pantone, X-Rite, Adobe) reports CIEDE2000.
- What's the just-noticeable difference?
- Around ΔE 1 under controlled viewing conditions. In practice — bad monitors, ambient light, side-by-side vs. memory comparison — visitors usually start noticing at ΔE 2–3.
Related tools
Color Blindness Simulator
See how your image looks to people with each of 8 types of color vision deficiency (CVD).
CSS Box Shadow Generator
Visually design CSS box-shadows with multiple layers, live preview, and copy-ready CSS / Tailwind output.
Color Format Converter
Convert any color between HEX, RGB, HSL, HSV, OKLCH, and a CSS custom property.
CSS Gradient Generator
Build linear or radial CSS gradients with multi-stop colors and copy the code.
Color Palette Generator
Build harmonious color palettes from a base color in six schemes.
Color Contrast Checker
Check text/background contrast against WCAG AA and AAA levels.