What to try
- Choose Start at zero and increase ΔL* slowly without revealing the target.
- Record I notice a difference, then compare another Patch size or Surround.
What to look for: Your observation depends on the viewing conditions. The displayed hex pair can stay identical across several small requested steps.
How it works
Patch size, surrounding colors, adaptation, display calibration and the observer all affect detectability. A color-difference formula predicts aspects of perception, but it does not measure whether a particular visitor can see a change on their current screen.
Here, a small change in Lab lightness produces a second displayed patch. The browser must convert and round that color back to eight-bit sRGB. At very small steps, several requested values can therefore produce the same visible triplet.
Use it in the Lab
When judging a palette or a subtle adjustment, compare at the intended viewing size. Keep numerical readouts as evidence alongside the image, especially when reducing colors.
Limits & distinctions
This is an exploratory comparison, not a calibrated visual test. Avoid treating a fixed ΔE threshold as a guarantee of invisibility.
Further reading
The Just Noticeable Difference is a psychophysical concept defining the smallest change in a stimulus (here, color) that a human observer can detect. In color science, it provides the practical threshold below which two colors are effectively indistinguishable.
Delta E (ΔE) and the JND
The CIELAB Delta E (ΔE) metric was designed so that a value of 1.0 roughly corresponds to one JND under controlled laboratory conditions. In practice, the thresholds are commonly interpreted as:
- ΔE < 1.0 — Not perceptible to most people
- ΔE 1–2 — Perceptible through close observation
- ΔE 2–10 — Perceptible at a glance
- ΔE > 10 — Obviously different colors
CIE76 Formula
In CIELAB: ΔE⁶ = √((L₂–L₁)² + (a₂–a₁)² + (b₂–b₁)²) This is simply Euclidean distance in L*a*b* space. More advanced formulas (CIE94, CIEDE2000) apply correction terms to better match human perception in problematic hue regions.
Practical Application: Color Grouping Thresholds
Our palette extraction uses a grouping threshold of 32 in RGB Euclidean distance. This is deliberately much larger than the JND because the goal is to merge visually similar colors, not identify barely-distinguishable ones. A JND-based threshold would produce a palette with too many entries to be useful.
However, JND is critical for quality control: if a printed reproduction has a ΔE of less than 1.0 compared to the original, the colors are considered a perfect match.
Key Takeaway
The JND establishes the absolute floor of meaningful color difference. Any color operation — quantization, gamut mapping, compression — that stays within ΔE < 1.0 is, by definition, lossless from a perceptual standpoint.
Related Lab categories
Sources & references
Guide updated
