Welche Farben passen gut zu meiner Hauptfarbe?
Farb-Harmonie-Generator - klassische Farblehre-Regeln: Komplementär, Triadisch, Analog, Split-Komplementär, Tetradisch, Quadratisch, Monochromatisch.
Wähl eine Basisfarbe und eine Harmonie - das Tool berechnet den Rest auf dem OKLCH-Farbkreis (wahrnehmungsmäßig gleichmäßig, anders als der traditionelle RGB-Kreis).
Perfekt für Markenpaletten, Illustration, Icon-Sets, Infografiken. Alles lokal.
So nutzt du das Tool
- Wähl eine Basisfarbe (HEX, nativer Picker, Bildschirm-Pipette).
- Wähl einen Harmonietyp: Komplementär (2 gegenüberliegende Farben), Analog (3 Nachbarn), Triadisch (3 in 120°), Split-Komplementär (1 + 2 Nachbarn der Komplementärfarbe), Tetradisch (4 unregelmäßig), Quadratisch (4 gleichmäßig verteilt), Monochromatisch (1 Farbton, 5 Helligkeitsstufen).
- Der Kreis rechts zeigt den OKLCH-Farbkreis mit Markierungen an den Harmonie-Positionen.
- "Palette-Swatches" - Klick zum HEX-Kopieren. Die "Details"-Tabelle = HEX + RGB + HSL.
- CSS-Variablen unten - direkt zum Einsetzen.
Wann das hilfreich ist
Wo Farb-Harmonie glänzt - typische Szenarien:
- Markenpalette - starte von einer Markenfarbe, Harmonien schlagen Akzente vor. Komplementär = Energie (warm + kalt). Analog = ruhige Stimmung. Triadisch = dynamisch, aber ausgewogen.
- Logo-Design - die meisten Logos nutzen 1-3 Farben - die Harmonie sorgt dafür, dass sie gut zusammenpassen.
- Charts / Infografiken - Triadisch oder Split-Komplementär liefern 3-4 klar unterscheidbare Farben für Datenreihen.
- Webdesign - Hero + Akzent (komplementär) + neutraler Text. Prüf das Text-/Hintergrund-Paar im Kontrast-Prüfer, bevor du es festziehst.
- Schulung - sieh die klassischen Farblehre-Regeln am Live-Beispiel.
Fragen und Antworten
Traditionelle RGB-/HSL-Farbkreise haben ungleichmäßige Wahrnehmungsabstände. Komplementär in HSL (180°) von Rot ergibt Cyan - aber Cyan wirkt wahrnehmungsmäßig "weiter weg", als HSL vorhersagt. OKLCH hat gleichmäßige Wahrnehmungsabstände - "180° in OKLCH" ist wirklich wahrgenommene Komplementarität. Ergebnis: harmonischere Paletten.