Controlling Perceived Brightness and Color Edges

In a live visual set, the difference between a frame that reads as one glowing field and one that flickers uncomfortably at every shape boundary comes down to a single hidden variable: relative lightness between adjacent hues. This module builds the whole task of edge control — tuning what happens where two colors meet, on purpose, whether you are mixing paint, picking hex values for a shader palette, or balancing layered geometry against a projected background.

The scaffolding arc starts by dismantling false confidence. The opening fact — that most people cannot reliably say which of two different-hued colors is lighter — sets the working rule: test lightness empirically, never assume it. From there the learner drills brilliance matching (finding colors across hue families at exactly yellow’s, red’s, or blue’s level), guided by the map of hue luminosity peaks at yellow/cyan/magenta and dips at red/green/blue. With that perceptual skill in hand, the boundary phenomena become predictable levers: pull two contrasting hues to exactly equal light intensity and the edge vanishes; hold high hue contrast at near-equal lightness and the edge vibrates; separate the lightness levels and the edge stabilizes. The capstone is done unsupported — three documented pairs, each with the brightness reasoning written out — and its third study leans on the procedure for suppressing simultaneous contrast via the missing complementary or a light-dark break.

Every required atom gates the capstone: without the discrimination fact and brilliance-matching skill the tuning fails; without the two boundary concepts and the suppression procedure the three studies cannot be produced or explained. The supporting atoms enrich the why — Weber-Fechner steps, tone response curves, and the broader light-dark contrast framework explain the perceptual machinery underneath, and point digital learners toward L*-based tooling for precise equal-intensity work.

Runnable examples

Generated from the context/ instrument corpus by concept (redistributable idioms only). Do not edit — regenerate with gen-module-examples.mjs.

hue-shift

osc(30).hue(() => time * 0.1).out()

_{hydra-0016 · CC0-1.0}

hsvrgb [fract (ft/6.28 + 0.1*time), 1, 1] >> rgb

_{punctual-0024 · CC0-1.0}

value-contrast

stroke(255); fill(0); rect(0, 0, w, h)

_{p5live-0027 · CC0-1.0}