Transposing ColorIntervals and Transformation

A color is not one thing. It carries multiple properties simultaneously — hue, lightness, saturation — and any group of colors has internal relationships among those properties. The relationships matter at least as much as the absolute colors.

This becomes obvious when you try to shift a palette without losing its character.

Shifting a palette

Take four colors as a group. They have a particular cluster of relationships: how much darker color B is than color A, how much warmer C is than D, and so on. Now shift every color in the group by the same amount — darker, lighter, more muted. The aim is to keep the relationships intact while moving the whole group.

In practice, lightness is the most workable axis for this. Trained observers agree about which of two colors is lighter; they disagree about which red is the “reddest.” So the shift exercise works best along the lightness dimension.

The aim is not a pretty pair of blocks. It is a pair of parallel intervals — the same constellation of relationships, moved bodily along the lightness axis. If the relationships are preserved, the two blocks feel like the same group at different brightness levels.

Why this is useful

It means the structure of a palette can be preserved while its overall character changes. A design system with a light theme and a dark theme is doing exactly this: shifting every color along the lightness axis while holding the internal contrasts steady. Done well, the brand feels the same in both modes. Done badly, the dark mode looks like a different product.

The same operation lets a painter move a composition from morning light to evening light without rebuilding it from scratch. The identities of the colors change. The relationships do not.