U1.06.5Size-dependent chromatic discriminability of marksdesignresearch

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

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/U1.06.5