Monochrome Farben
Ein Farbton, fünf wahrnehmungsgleiche Helligkeitsstufen – das Schema, das nicht beißen kann. Gib eine beliebige Farbe ein und erhalte ihre monochrome Familie, gestuft in OKLCH, damit jeder Abstand gleich groß aussieht. Kostenlos und 100 % im Browser.
Das Schema, das nicht beißen kann
Ein monochromes Schema nimmt einen Farbton und variiert nur dessen Helligkeit (und implizit dessen Intensität). Bei einem einzigen Farbton gibt es schlicht nichts, womit etwas beißen könnte – Harmonie ist konstruktionsbedingt garantiert. Genau deshalb ist Monochrom der professionelle Standard für Dashboards, Unternehmensseiten, Fotografie-Portfolios und jeden Kontext, in dem Farbe unterstützen und nicht auftreten soll. Zurückhaltung liest sich als Souveränität.
Die Helligkeit ist das ganze Design
Nimmt man die Farbtonvielfalt weg, trägt eine einzige Sache die ganze Komposition: die Helligkeitsleiter. Deshalb werden die fünf Stufen oben auf der Helligkeitsachse von OKLCH berechnet – jeder Abstand ist für dein Auge gleich groß. Naive Tools stufen stattdessen die HSL-Helligkeit und erzeugen Leitern, bei denen drei Sprossen identisch aussehen und eine herausspringt; in einem Schema, das nichts anderes IST als seine Helligkeitsstruktur, ist diese Ungleichmäßigkeit fatal. Die dunkelste Stufe will dein Text und dein Anker werden, die mittlere deine Markenpräsenz, die blasseste deine Hintergründe.
Monochrom lebendig halten
- Zieh den Bereich auseinander. Zaghaftes Monochrom (fünf Mitteltöne) ist die flache Variante. Nimm ein wirklich dunkles Dunkel und ein fast weißes Hell – die Dramatik sitzt an den Enden.
- Lass die Textur sprechen. Wenn der Farbton schweigt, zählt das Material umso mehr: Maserung, Gewebe, Verläufe. Die Wand- und Stoffszenen im Farb-Tester zeigen genau diesen Effekt an deinem Farbton.
- Variiere die Buntheit bewusst. Eine gedämpfte Version des Farbtons (die Ton-Reihe im Abstufungs-Generator) fügt eine zweite Stimme hinzu, ohne den Ein-Farbton-Vertrag zu brechen.
- Ein optionaler Funke. Ein einziger winziger Komplementär-Akzent – ein Benachrichtigungspunkt, ein Link – lässt die monochrome Fläche gewollt wirken. Bei mehr als einem ist das Schema dahin.
Monochrom versus Farbskala
Diese fünf Stufen sind ein Schema – Farben, die gemeinsam auftreten sollen. Wenn du eine vollständige technische Skala brauchst (Hover-Zustände, Rahmen, deaktivierte Flächen, Dark-Mode-Oberflächen), nimm denselben Farbton mit in den Abstufungs-Generator und hol dir die zehnstufige Farbskala 50–900; dasselbe Prinzip, nur industrialisiert. Textkombinationen musst du trotzdem prüfen – eine 300er-Stufe auf einer 100er-Stufe fällt bei jedem Farbton beim Kontrast durch –, also schick die Paare vor dem Livegang durch den Kontrast-Checker. Alles hier läuft zu 100 % in deinem Browser; speichere die Familie in „Meine Farben“, dann reist sie mit dir mit.
Häufige Fragen
Was ist ein monochromes Farbschema?
Eine Farbpalette aus einem einzigen Farbton, der nur in Helligkeit und Intensität variiert – zum Beispiel Marineblau, mittleres Blau und blasses Blau. Sie ist von Haus aus harmonisch, weil keine Farbtöne miteinander konkurrieren.
Ist monochrom dasselbe wie Graustufen?
Nein. Graustufen haben gar keinen Farbton; monochrom behält durchgehend einen Farbton. Ein Grauschema ist technisch gesehen das Monochrom von „keiner Farbe“, aber Designer meinen mit monochrom einen bunten Farbton.
Warum wirken meine monochromen Stufen ungleichmäßig?
Die meisten Tools stufen die HSL-Helligkeit, und die entspricht nicht der Wahrnehmung – manche Stufen sehen identisch aus, andere springen. Dieser Generator stuft die OKLCH-Helligkeit, bei der gleiche Zahlenabstände auch gleich aussehen.
Wie verhindere ich, dass ein monochromes Design langweilig wirkt?
Zieh den Helligkeitsbereich bis zu echten Dunkeltönen und fast weißen Hellwerten, setz auf Textur und Typografie, variiere die Buntheit mit gedämpften Tönen und erlaube dir höchstens einen winzigen Kontrastakzent.
Garantiert ein monochromes Schema barrierefreien Kontrast?
Nein – der Kontrast hängt vom Helligkeitsabstand des konkreten Paares ab, das du verwendest. Das Schema macht gute Abstände leicht erreichbar, aber jedes Paar aus Text und Hintergrund braucht trotzdem eine Kontrastprüfung.