Analoge Farben
Die Nachbarn jeder Farbe – 30° zu beiden Seiten auf dem Farbkreis – für Schemata, die von Natur aus zusammenpassen, so wie Sonnenuntergänge und Wälder. Berechnet in OKLCH, damit das Trio eine gemeinsame visuelle Stimme behält. Kostenlos und 100 % im Browser.
Warum Nachbarn sich immer vertragen
Analoge Farben liegen auf dem Farbkreis direkt nebeneinander – hier die Ausgangsfarbe plus je ein Nachbar 30° zu jeder Seite. Sie teilen sich konstruktionsbedingt einen Unterton: Türkis, Grün und Gelbgrün tragen alle Grün im Blut, deshalb kann im Trio nichts wirklich beißen. Das ist die Standardpalette der Natur. Ein Sonnenuntergang läuft über Rot–Orange–Gelb, ein Wald über Gelbgrün–Grün–Blaugrün, der Herbst über Gelb–Bernstein–Rostrot. Unsere Augen lesen solche Abstufungen als organisch und ruhig, weil wir uns beim Anblick genau dieser Farbverläufe entwickelt haben.
Die Monotonie-Falle – und das Gegenmittel Helligkeit
Die Stärke analoger Schemata ist zugleich ihr Risiko: Bei so wenig Farbtonkontrast rutscht ein Design leicht in Richtung Tapete. Das Gegenmittel ist nie mehr Farbton – es ist Helligkeits-Architektur. Halte die Farbtöne benachbart, aber zwinge sie in der Helligkeit auseinander: einen dunklen Anker, eine Hauptfarbe in der Mitte, eine blasse Lasur. Das Schema bleibt ruhig und gewinnt trotzdem die Struktur, die Layouts lesbar macht. Der Graustufen-Test verrät dir sofort, ob es geklappt hat – wenn das Design ohne Farbe immer noch funktioniert, trägt das analoge Schema.
Temperaturbänder
Weil analoge Farben sich auf einer Seite des Farbkreises ballen, erbt jedes Schema eine Temperatur: Der Bogen von Rot bis Gelb wirkt warm, energiegeladen, appetitlich; der Bogen von Grün bis Violett wirkt kühl, technisch, ruhig. Nutze das als Stimmungsregler. Ein Finanz-Dashboard in Blau–Türkis–Grün wirkt vertrauenswürdig, eine Bäckerei in Bernstein–Orange–Rot strahlt schon von der anderen Straßenseite Wärme aus. Braucht das Schema einen Moment der Spannung – einen Call-to-Action, eine Warnung –, borg dir einen einzelnen Akzent von der gegenüberliegenden Seite des Farbkreises und setze ihn sparsam ein; das Komplementärfarben-Tool findet ihn.
So gehst du vor
- Gib oben deine Ausgangsfarbe ein; dank der Rotation in OKLCH behalten die Nachbarn deren wahrgenommene Helligkeit (HSL-Farbkreise driften ab – die HSL-Nachbarn eines Grüns werden schlammig oder neonartig).
- Wähle unter den dreien eine Hauptfarbe; gib ihr rund 60 % der Fläche.
- Zieh das Trio im Abstufungs-Generator in der Helligkeit auseinander – eine dunklere, eine hellere Variante –, bevor du dich festlegst.
- Prüfe Textpaare im Kontrast-Checker; benachbarte Farbtöne mit ähnlicher Helligkeit sind aufeinander unlesbar.
- Sieh es dir mit Texturen im Farb-Tester an – gerade analoge Wandfarben-Schemata profitieren von einer realistischen Vorschau.
Speichere das Trio in „Meine Farben“, dann begleitet es dich durch alle Tools hier. Wie immer: 100 % im Browser, nichts wird hochgeladen.
Häufige Fragen
Was sind analoge Farben?
Farben, die auf dem Farbkreis nebeneinanderliegen – typischerweise eine Ausgangsfarbe plus ihre Nachbarn rund 30° zu jeder Seite, etwa Türkis, Grün und Gelbgrün. Sie teilen sich einen Unterton und wirken deshalb von Natur aus harmonisch.
Wie viele Farben sollte ein analoges Schema haben?
Drei ist die klassische Zahl; bis zu fünf bleiben stimmig, solange sie höchstens rund 90° des Farbkreises abdecken. Darüber hinaus wirkt das Schema nicht mehr wie eine Familie.
Warum wirkt mein analoges Schema flach?
Wenig Farbtonkontrast muss durch viel Helligkeitskontrast ausgeglichen werden. Halte die Farbtöne benachbart, schieb aber eine Farbe dunkler und eine heller – der Graustufen-Test zeigt, ob die Struktur da ist.
Kann ich einer analogen Farbpalette einen Akzent hinzufügen?
Ja – eine kleine Dosis einer Farbe von der gegenüberliegenden Seite des Farbkreises gibt dem ruhigen Schema einen Blickfang. Halte sie unter rund 10 % der Fläche, damit die analoge Stimmung erhalten bleibt.
Eignen sich analoge Schemata für Oberflächen?
Sehr gut – sie ergeben ruhige, in sich stimmige Oberflächen. Reservier die dunkelste Farbe für Text und die blasseste für Flächen, und hol dir den Kontrast von Buttons und Links aus der Helligkeit, geprüft im Kontrast-Checker.