Monochromatische Farben stammen aus einem einzigen Farbton, in hellen und dunklen, kräftigen und blassen Abstufungen. In der Gestaltung ergeben sie ruhige, geschlossen wirkende Paletten. In der Physik meint monochromatisch etwas Strengeres: Licht einer einzigen Wellenlänge.
- Monochromatische Farben
Farben aus einem einzigen Farbton in hellen und dunklen Abstufungen.
Beispiel: „Die Landingpage arbeitet mit monochromatischen Farben aus einem einzigen Blau.“Auch: monochrome Farben.
Abgrenzung zu Schwarz-Weiß: Auch das heißt umgangssprachlich monochrom, kommt aber ganz ohne Farbton aus.
Monochromatische Farben in der Physik
Die CIE definiert monochromatische Strahlung als Strahlung einer einzigen Frequenz oder Wellenlänge, in der Praxis eines sehr schmalen Bereichs. Laserlicht kommt dem nahe. Die Farben im Regenbogen und am Rand des Normfarbdiagramms sind solche Spektralfarben. Der Duden trennt die Wörter entsprechend: monochromatisch gehört zu nur einer Spektrallinie, monochrom heißt einfach einfarbig.
Monochromatische Farben in der Gestaltung
Hier bedeutet monochrom: ein Farbton, verschiedene Helligkeit und Sättigung. Unter den Schemata der Farbharmonie ist es das ruhigste. Die Nielsen Norman Group nennt Nike als Beispiel für eine reduzierte Palette aus Schwarz, Weiß und Grau. Damit wichtige Elemente nicht untergehen, ergänzt man meist einen einzelnen Akzent.
Monochromatische Paletten in CSS
Am gleichmäßigsten gelingen die Stufen in OKLCH: Farbton fest, Helligkeit in Schritten. Weil sich die Farben nur in der Helligkeit unterscheiden, hängt die Lesbarkeit ganz am Kontrastverhältnis.
:root {
--blau-100: oklch(95% 0.03 255);
--blau-500: oklch(60% 0.18 255);
--blau-900: oklch(30% 0.10 255);
}