Was ist ein JND — wann zwei Farben gleich aussehen

Hier ein Fünf-Sekunden-Experiment. Zwei Grautöne: #808080 und #828282. Leg sie nebeneinander, mit sich berührenden Kanten, und entscheide, welcher heller ist. In OKLCH-Helligkeit liegen sie bei ≈0,600 und ≈0,607 — ein Unterschied, den die meisten Betrachter selbst an der gemeinsamen Kante nicht finden. Ersetze jetzt das zweite Feld durch #868686, bei ≈0,620: Für die meisten Menschen erscheint eine schwache Naht dort, wo die Felder aufeinandertreffen. Schieb sie auseinander, und für viele Betrachter löst sich selbst dieser Unterschied auf.

Die Linie, die das Experiment überschreitet, hat einen Namen: der eben merkliche Unterschied (JND) — die kleinste Änderung eines Reizes, die ein Beobachter zuverlässig erkennen kann. Alles Kleinere ist kein feinerer Unterschied; perzeptiv ist es gar kein Unterschied. Für Farbskalen ist die Konsequenz drastisch: Zwei Stufen, die näher beieinanderliegen als ein JND, sind eine Farbe mit zwei Namen. In OKLCH-Helligkeit ist ein Unterschied von etwa 0,02 L eine brauchbare Schwelle für UI-Arbeit.

Woher diese Schwelle kommt, wie Paletten sie am Ende verletzen und was es kostet, wenn sie es tun — darum geht es in diesem Artikel. Das Farbmodell, in dem die Schwelle gemessen wird, hat eine eigene Reihe in unserem OKLCH-Leitfaden.

Woher stammt die Idee eines JND?

Aus der Psychophysik, der Forschungstradition, die misst, wie sich physikalische Änderung auf erlebte Änderung abbildet. Der eben merkliche Unterschied wird seit dem neunzehnten Jahrhundert untersucht, beginnend mit Ernst Webers Experimenten zum Anheben von Gewichten: Wie viel schwerer muss ein Gewicht werden, bevor ein Mensch es bemerkt? Der wiederkehrende Befund ist, dass die Erkennbarkeit tendenziell proportional skaliert — ein kleiner Zuwachs ist bei geringer Last offensichtlich und bei schwerer Last unsichtbar — und dasselbe Muster gilt für Helligkeit, Lautstärke und, mit mehr beteiligten Dimensionen, Farbe.

Zwei Eigenschaften des Konzepts sind für die Design-Arbeit wichtig. Erstens ist ein JND eine statistische Größe: „zuverlässig erkennen” bedeutet, in einem vereinbarten Anteil der Versuche erkannt zu werden, kein Schalter, der umspringt. Zweitens verändert er sich mit den Bedingungen — benachbarte Flächen offenbaren kleinere Unterschiede als getrennte, große Flächen mehr als dünne Linien, ruhige Umgebungen mehr als unruhige. Jede einzelne Zahl ist daher eine ingenieurmäßige Faustregel, kalibriert auf typische Betrachtung, keine Naturkonstante. In der Farbwissenschaft ist das allgemeine Maß für Unterschiede Delta E, und ein JND entspricht etwa ΔE 1–2 — eine Größenordnung, keine präzise Konstante. Der Wert 0,02 für OKLCH-Helligkeit ist dieselbe Idee, projiziert auf die eine Achse, entlang derer Paletten meist aufgebaut werden.

Wie nah ist zu nah zwischen Paletten-Stufen?

Rechne es an einer UI-Rampe über den vollen Bereich durch. Eine Skala von Fast-Weiß zu Fast-Schwarz kann von Helligkeit 0,97 bis hinunter zu 0,25 reichen — ein Budget von 0,72, das zu verteilen ist. Stufen sitzen an den Enden der Abstände, also erzeugen n Stufen n − 1 Abstände:

Und das setzt eine perfekt gleichmäßige Verteilung voraus. Viele reale Rampen glätten ihre Kurven nahe den Enden, sodass das engste Paar enger ist als der Durchschnitt — die Probleme kommen, bevor der durchschnittliche Abstand 0,02 erreicht.

Scale Composer prüft das Paar für Paar: Eine JND-Warnung wird ausgelöst, sobald zwei benachbarte Stufen innerhalb von 0,02 L beieinanderliegen. Öffne eine Rampe, die sie absichtlich auslöst — Dutzende Stufen auf einer flachen Helligkeitskurve. Die markierten Paare sind genau die Nachbarn, die du nicht auseinanderhalten kannst.

Woher kommen Stufen nahe der JND-Schwelle?

Zwei Ursachen erklären die meisten Fälle:

• Zu viele Stufen für die Helligkeitsspanne. Die 40-Stufen-Rampe oben ist die offensichtliche Variante. Die subtile Variante ist eine schmale Spanne: Ein Dark-Mode-Flächenstapel, der zwischen L 0,45 und 0,25 eingegrenzt ist, hat nur 0,20 zu verteilen, sodass zwölf Stufen elf Abstände von je ≈0,018 erzeugen — unter der Schwelle, obwohl zwölf Stufen über den vollen Bereich großzügig wären.
• Rampen, die gegen die Gamut-Decke abgeflacht sind. Ein Bildschirm kann bei jeder Helligkeit nur so viel Chroma darstellen; Stufen, die über diese Grenze hinausgeschoben werden, werden auf die nächste darstellbare Farbe zurückgeschnitten, und das Beschneiden löscht Distanz — zwei im Modell unterscheidbare Stufen können auf dem Bildschirm fast übereinanderliegen. Das ist einer der Gründe, warum Generatoren Chroma etwas unterhalb der Decke deckeln: Der Spielraum bewahrt die Unterschiede, die die Helligkeitskurve versprochen hat.

Warum sind verschmolzene Stufen mehr als eine ästhetische Frage?

Eine Palette ist funktional ein Signal-Alphabet: Jede Stufe ist genau den sichtbaren Unterschied zwischen ihr und ihren Nachbarn wert. Eine Stufe unterhalb des JND fügt dem Vokabular einen Namen hinzu, aber kein Signal — Kosten ohne Information. Zwei Fehler folgen direkt daraus:

• Scheinentscheidungen. Ein Token-Set, das gray-200 und gray-250 anbietet, die niemand unterscheiden kann, erzwingt Entscheidungen ohne sichtbare Konsequenz. Das Team diskutiert, welche richtig ist, die Oberfläche sieht in beiden Fällen identisch aus, und die Inkonsistenz bleibt unsichtbar, bis ein Audit Tokens zählt, statt auf die Bildschirme zu schauen.
• Kaputte Zustandssignale. Wenn der Ruhe- und der Hover-Hintergrund einer Karte 0,015 L auseinanderliegen, hat das Produkt einen Interaktionszustand, den Nutzer nicht wahrnehmen können. Die Rückmeldung funktioniert im Design-Review, wo jemand die beiden Zustände hin und her schaltet, und versagt im Gebrauch, wo das niemand tut. Deaktiviert gegen aktiviert, ausgewählt gegen nicht ausgewählt — jedes Zustandspaar, das auf eine Stufe unterhalb der Schwelle abgebildet wird, erbt dasselbe Schweigen.

Was tust du, wenn die Warnung ausgelöst wird?

Beide ehrlichen Reparaturen sind subtraktiv: weniger Stufen über dieselbe Spanne oder eine breitere Spanne bei gleicher Stufenzahl. Was nicht hilft, ist, das markierte Paar von Hand auseinanderzuschieben — das verlagert die Enge nur auf das nächste Paar — und was nicht angetastet werden sollte, ist die Schwelle selbst, denn die Grenze lebt in den Betrachtern, nicht in der Software. Öffne die reparierte Version derselben Rampe — dieselbe Helligkeitsspanne mit einer Stufenzahl, die sie tragen kann: Jeder benachbarte Abstand liegt wieder über 0,02, und je zwei Nachbarn sind erneut zwei Farben, die du auseinanderhalten kannst.