F5.07.3Helmholtz-Kohlrausch effectdesignresearch

Saturated colours need chroma reduced on dark grounds

Aliases: Hunt effect · chromatic vibration · dark-ground saturation

What it is

A red badge that was fine in the light theme shimmers on dark grey, as if it were vibrating on the paper. Pure blue and green in a chart stop reading as data colours and start reading as neon. On a dark ground, chroma of saturated colours has to come down a step so they return to object colours rather than light sources.

What is cut is vividness, not a wash to grey, and not a lightness-only tweak so a status can still be named.

Why it happens

A dark surround lifts the apparent chroma of the same patch (simultaneous contrast), and the Hunt effect makes a relatively lighter patch look more vivid. The Helmholtz–Kohlrausch effect then makes high-chroma colours look lighter than equal-lightness greys — reds and blues especially. Stacked on a dark ground, the chroma that “just popped” in the light theme becomes vibration: longitudinal chromatic aberration misregisters red and green edges, so a small gaze shift makes the border shimmer.

Cutting chroma pulls the stimulus from self-luminous back toward surface reflection. Lightness can move a little, but the main lever is C, not L: lightening a hot red makes an alarm lamp; darkening it makes mud. Reducing C along a constant-hue line keeps the class and drops the sting.

Studying it

On a dark-grey ground, show high / mid / low chroma of one hue; collect discomfort, “is it vibrating?”, and hue naming. Independent variables: chroma, hue (red / blue usually worse), background L*. Dependent variables: vibration reports, discomfort, whether the name still lands on the original hue.

Add a reading-interference condition: a patch next to body copy, and measure whether reading speed drops. A high-chroma edge hurts more than a neutral edge of equal area.

Where it stops holding

  • Tiny dots (legend squares, a caret) rarely show vibration; large fills and fat strokes do.
  • High-contrast mode wants more extreme figure/ground, not this “dark-theme, cut chroma” recipe.
  • Some visualisations need high chroma to separate a dozen series; cutting C collapses them. Cut how many series share the screen, or move code onto dash pattern, rather than putting C back.
  • Projection and bright outdoor light can make saturated colour on a dark ground look like the light theme again; lab cut-amounts do not transfer raw.

Applying it

  • For brand accents, badges and chart series in dark theme, walk chroma down a constant-hue line. Check recognition first, shimmer second.
  • Do not pour a light-theme 500-stop saturated colour into a dark card fill.
  • Inspect red and blue first; yellow on dark often needs a lightness move before a chroma cut, or it turns brown.
  • How to check: put the suspect patch on the target dark ground and view the edge from an arm’s length. If it shimmers, cut C until the edge settles and the hue name remains.

Related

  • Same group: F5.07.1 Dark mode is not simple inversion · F5.07.2 Pure black grounds with pure white type contrast too hard
  • Nearby: F5.02 Semantic colour · F5.09 Perceptual requirements of palettes
  • Search terms: Helmholtz-Kohlrausch effect · Hunt effect · chromatic vibration

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/F5.07.3