Muria Lab · Extra
Das Munsell-
Farbsystem.
Farbe, so geordnet, wie das Auge sie wirklich sieht, nicht so, wie ein Bildschirm sie rechnet. Drei Achsen: Hue, Value, Chroma. Unten zum Anfassen.
1905
ordnete der amerikanische Maler und Kunstlehrer Albert H. Munsell Farbe zum ersten Mal nach dem,
was Menschen tatsächlich wahrnehmen, in gleich großen, spürbaren Schritten. Kein #3A7BD5,
keine RGB-Zahlen für Maschinen. Sondern ein System, in dem „eine Stufe heller" überall gleich viel heller aussieht.
Genau das macht es bis heute zur Referenz für Maler, Designer und Brand-Systeme: Wer harmonische Paletten bauen will, denkt nicht in Hex, sondern in Helligkeit und Sättigung.
Drei Achsen. Mehr nicht.
Hue: der Farbton
Die Farbfamilie auf einem Kreis: zehn Hauptfarben (R · YR · Y · GY · G · BG · B · PB · P · RP),
jede in zehn Schritten. 5R ist ein reines Rot,
5B ein reines Blau.
Value: die Helligkeit
Von 0 (Schwarz) bis 10 (Weiß), und zwar in perzeptiv gleichen Stufen. Der Trick, mit dem Maler seit Jahrhunderten arbeiten: Stimmt der Value, stimmt das Bild, fast egal, welche Farbe drauf liegt.
Chroma: die Sättigung
Wie „bunt" eine Farbe ist, von Grau (0) nach außen. Das Besondere: Die maximale Sättigung ist bei jeder Farbe und jeder Helligkeit anders. Gelb leuchtet hell, Blau und Violett eher dunkel. Deshalb ist der Munsell-Körper auch so schön krumm.
Warum dein Bildschirm lügt.
Was ist ein Gamut?
Ein Gamut ist der vollständige Bereich an Farben, den ein Gerät oder ein Farbraum darstellen oder reproduzieren kann. Jeder Bildschirm, jeder Drucker und sogar das menschliche Auge hat sein eigenes Gamut. Liegt eine Farbe außerhalb, lässt sie sich auf diesem Gerät schlicht nicht erzeugen.
Im Tool unten sind manche Felder schraffiert und markiert „⚠ outside sRGB, shown clipped". Das heißt: diese Farbe existiert wirklich, du könntest sie mit Pigment oder reinem Licht erzeugen, aber dein Monitor kann sie physikalisch nicht darstellen.
Jeder Bildschirm zeigt nur einen begrenzten Ausschnitt aller sichtbaren Farben, sein Gamut. Der Web-Standard sRGB ist ziemlich klein; besonders satte Cyan-, Blau- und Grüntöne liegen außerhalb. Das Tool nimmt dann die nächstgelegene darstellbare Farbe (es „clippt") und schraffiert das Feld, damit du weißt: echt ist sie intensiver.
sRGB
der kleine Web-Standard, was du hier siehst
Display P3
moderne Macs/iPhones, ~25 % mehr, sattere Rot/Grün
Druck / CMYK
wieder ein anderes Gamut, Screen-Farbe kann im Druck sterben
Besser machen? Drei Wege: (1) begrenzen, nur die wirklich darstellbaren Chips zeigen; (2) sanft komprimieren statt hart zu clippen, damit Verläufe stimmen; (3) ein weiteres Gamut nutzen (Display P3 zeigt auf deinem Mac viele dieser Farben tatsächlich). Genau dafür ist Munsell so wertvoll: Es benennt die Farbe unabhängig davon, was ein einzelnes Gerät gerade schafft.
Interaktiv
Selbst ausprobieren.
Im Page-Tab das Farbrad ziehen oder ein Chip wählen. Im Solid-Tab den 3D-Körper drehen, und eine Achse isolieren, um den Überblick zu behalten.
Im Vollbild öffnen (mit Display P3 + Nearest-in-gamut) →Hue Page, Value × Chroma
Rows = Value (light→dark) · Columns = Chroma (neutral→saturated). Hatched chips fall outside sRGB.
Selected Color
- Hue
- color family, R YR Y GY G BG B PB P RP
- Value
- lightness 0 (black) → 10 (white)
- Chroma
- colorfulness, 0 (grey) outward
drag · scroll · click a bead
Isolate a slice
Pick Hue, Value or Chroma to isolate just that slice, the rest fades to faint ghosts so you keep your bearings. The view auto-orients.
Ein Muria-Extra.
Farbe ist Strategie.
Dasselbe Denken, Helligkeit und Sättigung vor Hex-Codes, steckt in jedem Brand-Color-System, das wir bauen. Wenn aus „sieht nett aus" ein System werden soll: Reden wir.