Farbe · T-06
Farbharmonie aus einer Farbe
Geben Sie eine Farbe ein und wählen Sie eine Harmonie. Kleurstaal dreht den Farbton auf dem OKLCH-Rad und hält Helligkeit und Buntheit gleich, damit die Partner so stark wirken wie Ihre Farbe.
Ihre Dateien bleiben auf Ihrem Gerät
Fragen
Gut zu wissen
Warum das OKLCH-Rad und nicht das übliche Farbrad?
Auf dem üblichen HSL-Rad wirken Gelb und Blau bei gleichen Einstellungen sehr verschieden: Gelb scheint viel heller. OKLCH folgt dem Sehen, darum wirken die Partner Ihrer Farbe wirklich gleich hell und gleich stark.
Was bedeutet gekürzt bei einem Muster?
Ein gewöhnlicher Bildschirm kann diesen Farbton nicht so gesättigt zeigen. Kleurstaal behält Helligkeit und Farbton und macht die Farbe etwas grauer, bis sie passt, wie CSS es selbst tut.
Soll ich alle Farben gleich viel verwenden?
Lieber nicht. Eine gängige Regel ist 60, 30 und 10: eine Farbe für Flächen, eine zur Unterstützung und eine als Akzent. Und prüfen Sie den Kontrast, bevor Sie Text darauf setzen.
So funktioniert es
Farbharmonie in drei Schritten
Eine Farbe
Tippen, einfügen oder wählen Sie Ihre Farbe, in beliebiger Schreibweise.
Harmonie wählen
Komplementär, analog, Triade, geteilt komplementär, Quadrat oder Abstufungen derselben Farbe. Das Rad zeigt, wo sie liegen.
Kopieren
Klicken Sie ein Muster für den Code oder nehmen Sie alle Farben als CSS-Variablen mit.