home/ modules/ generating-palettes-in-hsb

Generating Palettes in HSB for Generative Work

  • Learner can describe color in HSB and vary one base hue into many intentional lighter/darker variations
  • Learner can build a complete design palette from a single hue using the correct brightness-and-saturation dark rule
  • Learner can prefer principled color variation over color-wheel palette picking in code

Write a small generative sketch that takes one base HSB color as input and algorithmically produces a full working palette (lights, darks, and mid variations) for an entire composition — correctly lowering brightness while raising saturation for the darks — and render a design that uses only that generated single-hue palette.

In a live-coded visual set you rarely have time to hand-pick a palette mid-performance — and pre-baked color-wheel schemes go stale the moment the music shifts. What survives on stage is a palette function: one base hue in, a whole coherent color world out. This module builds exactly that. It matters because a single-hue palette generated in code stays coherent no matter how the audio drives it, and because HSB is the color model your sketch tools (and, via conversion helpers, your shaders) actually speak.

The arc starts supported: first, get fluent reading and writing color as hue, saturation, brightness — “HSB describes color as hue, saturation, and brightness” is your JIT reference when a variation looks wrong. Then internalize the design stance from “the fundamental color skill is modifying one base color into many variations, not picking color-wheel palettes”: color is a manipulation skill, not a selection skill. The pivotal drill is the dark rule — darker means lower brightness AND higher saturation, never just adding black — practiced until producing a convincing shade is automatic. A guided exercise hand-derives five variations of one hue; the procedure atom on building a complete design from one hue then shows how those variations cover backgrounds, foregrounds, accents, and states. The capstone removes the scaffolding: your sketch must generate the whole palette algorithmically and render with nothing else.

The four required atoms gate the capstone directly — without the HSB axes, the variation-over-palette principle, the single-hue procedure, and the dark rule, the sketch either can’t be written or produces muddy darks. The Itten atoms (quality vs. brilliance, the color sphere) are supporting enrichment: they deepen the theory behind why hue and luminosity are independent dimensions, connecting this workflow back to classical color models.

Atoms in this module

Required — these gate the capstone

HSB describes color as hue, saturation, and brightness for intuitive, intentional variation
Concept L1 Foundations LG
The fundamental color skill for design is modifying one base color into many variations, not picking color-wheel palettes
Principle L2 First instrument L
A complete visual design can be built from one hue using only lighter and darker variations in HSB
Procedure L2 First instrument LHG
Darker color variations have lower brightness and higher saturation — adding black alone is insufficient
Principle L2 First instrument LG

Supporting — enrichment, not gating

A color's 'quality' is its hue position in the color circle; its 'quantity' (brilliance) is its lightness or darkness
Concept L1 Foundations LG
The color sphere is a three-dimensional model mapping hue, brilliance, and saturation simultaneously, with white and black at the poles
Concept L2 First instrument LG