Was ist Chroma (und inwiefern ist es nicht Sättigung)?

Mach ein kleines Experiment in einem beliebigen HSL-Farbwähler. Setze eine Farbe auf hsl(60, 100%, 50%) und eine andere auf hsl(240, 100%, 50%) — ein Gelb und ein Blau, beide bei „100% Sättigung”. Frag dich nun, welche mehr Farbe trägt. Perzeptiv gemessen ist das kein Unentschieden: Das Blau hält rund die Hälfte mehr Buntheit als das Gelb (0,31 gegenüber 0,21 in OKLCH-Chroma). Zwei Farben, identische Sättigungswerte, unterschiedliche Mengen an Farbe.

Das ist der Unterschied in einem Satz: Chroma misst Buntheit als absolute Größe — 0,15 Chroma ist in jedem Farbton dieselbe Menge an Farbe — während Sättigung ein relativer Prozentsatz dessen ist, was der jeweilige Farbton und die jeweilige Helligkeit gerade zulassen. Sättigung sagt dir, wie weit ein Regler aufgedreht ist; Chroma sagt dir, wie viel Farbe tatsächlich vorhanden ist. Diese Unterscheidung zieht sich durch alles in unserem OKLCH-Leitfaden, und dieser Artikel erklärt, warum sie in der Praxis wichtig ist.

Warum bedeutet „100%” unterschiedliche Mengen an Farbe?

Weil jeder Farbton eine andere Obergrenze hat. Das bunteste Gelb, das ein Bildschirm zeigen kann, ist perzeptiv eine bescheidene Menge Farbe bei sehr hoher Helligkeit; das bunteste Blau ist eine große Menge Farbe bei niedriger Helligkeit. Die formale Behandlung dieser Begriffe — Buntheit, Chroma und Sättigung — trennt sie exakt, aber der designrelevante Teil passt in eine Tabelle. Hier sind die drei am stärksten gesättigten Ecken des sRGB-Farbraums (Gamut), gemessen in OKLCH:

Alle drei sind „zu 100% gesättigt” im HSL-Sinne — der Regler lässt sich nicht weiter schieben. Und doch unterscheidet sich ihr gemessenes Chroma um 50%, und jede erreicht ihr Maximum bei einer völlig anderen Helligkeit. Ein Prozentsatz derart ungleicher Obergrenzen kann nicht beschreiben, wie bunt etwas ist; er kann nur beschreiben, wie nah es an der Grenze seines eigenen Farbtons liegt.

Wie sieht die Chroma-Obergrenze aus?

Die Obergrenze von Chroma hängt sowohl vom Farbton als auch von der Helligkeit ab, und ihre Form bestimmt, wie sich Paletten verhalten. Nahe Weiß fällt die Obergrenze jedes Farbtons gegen null — eine sehr helle Farbe kann immer nur leicht bunt sein (es gibt kein leuchtendes Pastell). Nahe Schwarz fällt die Obergrenze genauso in sich zusammen. Der Raum für Farbe liegt in den Mitteltönen, und wie viel Raum — und bei welcher Helligkeit der Höhepunkt liegt — variiert je nach Farbton, wie die Tabelle oben zeigt.

Deshalb formen generierte Farbskalen das Chroma bewusst, statt es konstant zu halten. Eine Rampe, die auf jeder Stufe dasselbe Chroma verlangt, würde an beiden Enden gegen die Obergrenze prallen; eine Rampe, die der Obergrenze folgt, würde jeden Farbton maximal grell machen. Der praktische Mittelweg ist ein Profil: Das Chroma steigt zu den Mitteltönen hin an und lässt zu den Extremen hin nach, mit einem Boden, sodass selbst die Stufen nahe Weiß und nahe Schwarz eine Spur des Farbtons behalten, statt grau zu werden.

Öffne in Scale Composer eine Rampe mit glockenförmigem Chroma-Profil — die Buntheit erreicht ihren Höhepunkt in den mittleren Stufen und läuft zu beiden Enden hin aus, während die Helligkeitskurve unabhängig bleibt. Die beiden Achsen erledigen sichtbar unterschiedliche Aufgaben.

Wie sollte Chroma die Wahl von Akzentfarben leiten?

Denk in einem Chroma-Budget statt in einem Sättigungsgefühl. Farben wirken „gleich lebendig”, wenn ihr Chroma vergleichbar ist — nicht, wenn ihre Sättigungsprozente übereinstimmen. Praktische Konsequenzen:

• Akzente über Farbtöne hinweg abstimmen. Wenn dein Erfolgs-Grün und dein Warn-Amber gleich stark wirken sollen, gib ihnen ein ähnliches Chroma. Gleiche Sättigungsprozente lassen die eine schreien und die andere flüstern, weil sich die Obergrenzen der beiden Farbtöne unterscheiden.
• Eine ruhige UI hat eine Chroma-Obergrenze. Oberflächen, die stimmig wirken, setzen hohes Chroma meist nur an ein, zwei Stellen ein und halten alles andere niedrig. Weil Chroma absolut ist, lässt sich eine Grenze wie „nichts über 0,12 außer der primären Aktion” über jeden Farbton hinweg durchsetzen — dieselbe Regel in Sättigungsprozenten ausgedrückt würde wild unterschiedliche Intensitäten erlauben.
• Neutraltöne sind chroma-arm, nicht chroma-null. Ein Grau mit 0,01–0,02 Chroma in Richtung des Markenfarbtons wirkt beabsichtigt; derselbe Gedanke lässt sich in Sättigungsbegriffen nicht sauber ausdrücken.

Was passiert, wenn du mehr Chroma verlangst, als es gibt?

Die Anforderung wird an die Grenze des Farbraums (Gamut) geklemmt — und dort, wo das Klemmen passiert, flachen Rampen ab: Mehrere Stufen landen an derselben maximalen Buntheit festgenagelt, und der sanfte Verlauf stirbt genau dort, wo die Palette glühen sollte. Skalen-Generatoren schützen davor, indem sie das angeforderte Chroma etwas unter die physische Obergrenze deckeln und so bei jeder Helligkeit Spielraum lassen.

Du kannst die Obergrenze selbst finden: öffne dieselbe Rampe und erhöhe den Chroma-Multiplikator Schritt für Schritt. Sieh zu, wie zuerst die Mitteltöne sättigen und dann aufhören zu reagieren, sobald sie den Deckel erreichen, während die hellen und dunklen Enden — mit ihren niedrigeren Obergrenzen — schon lange vorher stehen geblieben sind. Die Helligkeitsspalte zuckt kein bisschen. Diese hartnäckige Obergrenze, die du gerade nachgezeichnet hast, ist der spürbare Unterschied zwischen Chroma und Sättigung: Sättigung ist ein Prozentsatz davon, Chroma ist die Sache selbst.