Saturation differences are nearly invisible on small marks
Aliases: small-mark color difference · chroma threshold · mark size
What it is
Size-dependent chromatic discriminability of marks means that as a mark's visual angle, shape, or area shrinks, detecting color differences usually requires a larger chroma, lightness, or combined difference. “Nearly invisible” applies to closely spaced saturation levels on small marks, not to every color difference on every small mark. Size affects overall color-difference perception, not saturation alone.
Why it happens
Small marks cover fewer visual samples. Contrast sensitivity, surround clutter, peripheral viewing, and antialiasing or pixel mixing can all reduce the achieved target-to-background difference. Shape matters too: Szafir's visualization experiments found elongated bars and line segments more color-discriminable than equally thick small points. A pixel-width rule alone therefore cannot establish that a level will fail.
Studying it
Place target colors among distractors in scatterplots, bars, lines, and grids. Vary visual angle, area, elongation, density, background, and color-difference direction. Fit psychometric functions for the color difference required at a chosen detection rate rather than treating one ΔE as a universal threshold. Online studies should record or stratify display, zoom, pixel density, and environment, then replicate on the product's smallest delivered marks.
Where it stops holding
Two-category distinctions, selection highlights, or warnings with wide color gaps may remain effective on small marks; multilevel ordering tends to fail earlier. An elongated mark is not equivalent to a point of the same thickness, so line charts are not necessarily the worst carrier. Zoom can help inspection, but it cannot replace initial discoverability when users must first see where to zoom.
Applying it
- Choose levels at the smallest actual mark and densest data state rather than extrapolating from standard differences on large swatches.
- As size falls, reduce levels, increase achieved color distance, or switch to lightness, position, or shape. Inspect rendered pixels after gamut mapping and antialiasing.
- Provide focusable value lookup and zoom for keyboard, touch, and pointer. Selection must change more than saturation alone.
- Give screen readers source value, unit, category or bin, and distribution summary. Test real tasks with low-vision, color-vision-diverse, and high-zoom users.
Related
- Same group: U1.06.1 Lightness carries order — the first-choice colour dimension for ordinal data · U1.06.2 The same lightness reads as different values on light and dark backgrounds · U1.06.3 Saturation supports fewer discriminable levels than lightness · U1.06.4 Lightness and saturation changes are read as one strength dimension
- Adjacent: U1.05.3 Smaller colour patches need larger hue differences to stay discriminable · U1.09.4 Discriminable-level limits drop as marks shrink
- Search terms:
small-mark color difference·chroma threshold·mark size
Cards in the same group
- U1.06.1Lightness carries order — the first-choice colour dimension for ordinal data
- U1.06.2The same lightness reads as different values on light and dark backgrounds
- U1.06.3Saturation supports fewer discriminable levels than lightness
- U1.06.4Lightness and saturation changes are read as one strength dimension