🎯 Ein Toolkit,
jede Designaufgabe

Farbharmonien

Erzeuge komplementäre, triadische, analoge und geteilt-komplementäre Paletten aus jeder Grundfarbe. Klicke auf ein Farbfeld, um den Hex-Code zu kopieren.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🎯 Farbharmonien

Leitfaden zur Farbharmonie

Farbharmonien sind Kombinationen von Farben, die zusammen angenehm aussehen und sich aus ihrer Position im Farbkreis ergeben. Komplementärfarben liegen einander gegenüber, Triadenfarben sind gleichmäßig im 120°-Abstand angeordnet und analoge Farben liegen nebeneinander.

Wählen Sie eine Grundfarbe und einen Harmonietyp. Das Tool dreht Ihre Farbe um das HSL-Rad, um die passende Palette zu erstellen und jedes Farbfeld mit seinem Hex-Code anzuzeigen. Klicken Sie auf ein beliebiges Farbfeld, um es in Ihre Zwischenablage zu kopieren.

Pro Tips

Was ist Farbharmonie

Farbharmonie ist das Regelwerk, das sagt, welche Farben gut zusammenpassen — abgeleitet aus der Geometrie des Farbkreises. Jede Harmonie ist ein festes Winkelmuster von einer Basisfarbe aus: Komplementär liegt bei 180°, Triadisch bei 120°, Analog innerhalb von 30° und so weiter. Weil das Muster geometrisch ist, erzeugt jede Basisfarbe sofort eine funktionierende Palette — Harmonien fühlen sich 'richtig' an, weil das menschliche Auge Farbtonbeziehungen unabhängig von der Ausgangsfarbe gleich verarbeitet.

Komplementär und geteilt-komplementär

Komplementärpaare liegen 180° auseinander — Rot und Grün, Blau und Orange, Gelb und Violett — und erzeugen maximale Energie und Kontrast. Geteilt-komplementär mildert den Zusammenprall: Statt des exakten Gegenübers nehmen Sie die beiden Nachbarn des Gegenübers (Basis + 150° + 210°). Sie behalten die Lebendigkeit des Kontrastpaares, verlieren aber die harte Vibration — eine der sichersten Wahlen für Interfaces, die trotzdem hervorstechen müssen.

Analog und monochromatisch

Analoge Schemata nehmen 3–5 benachbarte Farbtöne aus dem Kreis, alle innerhalb von etwa 60° — Blau, Blaugrün und Grün zum Beispiel. Sie wirken ruhig, stimmig und natürlich, weil benachbarte Töne Pigmente teilen. Monochromatisch geht weiter: ein Farbton in verschiedenen Tints, Shades und Sättigungen. Beide sind kaum falsch zu machen, weshalb sie die Standardwahl für Dashboards, Datenvisualisierung und Marken sind, die stabil und vertrauenswürdig wirken wollen.

Triadische und tetradische Schemata

Triadische Harmonien verteilen drei Farben gleichmäßig auf 120° — das klassische Rot/Gelb/Blau. Sie sind lebendig und ausgewogen, perfekt für verspielte Marken, Illustrationen und Infografiken. Tetradisch (oder doppelt-komplementär) nutzt zwei Komplementärpaare, die ein Rechteck im Kreis bilden — z. B. Blau, Orange, Violett und Gelbgrün. Es liefert die reichste Palette von allen, ist aber am schwersten auszubalancieren: Lassen Sie eine Farbe dominieren und behandeln Sie die anderen drei als stützende Akzente, sonst zerfällt das Schema in Lärm.

Die passende Harmonie für Ihr Projekt

Stimmen Sie die Harmonie auf die Aufgabe ab. Monochromatisch und analog passen zu professionellen Produkten, Gesundheit und Finanzen — sie wirken ruhig und kompetent. Komplementär funktioniert für Marketingseiten und Handlungsaufforderungen, wo Kontrast Aufmerksamkeit zieht. Triadisch passt zu verspielten oder lehrreichen Inhalten. Geteilt-komplementär ist der beste Allrounder für Web-Apps: lebendig, aber sicher. Was Sie auch wählen — wenden Sie die 60-30-10-Regel an: 60 % dominant, 30 % sekundär, 10 % Akzent, damit die Palette Hierarchie statt Wettstreit hat.

Frequently Asked Questions

Q: Was sind Komplementärfarben?
Was sind Komplementärfarben? Zwei Farben, die im Farbkreis direkt gegenüberliegen (180° auseinander), wie Blau und Orange oder Rot und Grün. Sie erzeugen maximalen Kontrast.
Q: Was ist ein triadisches Farbschema?
Was ist ein triadisches Farbschema? Drei Farben, die gleichmäßig im 120°-Winkel um das Rad verteilt sind, etwa Rot, Gelb und Blau. Triadische Schemata sind lebendig, aber ausgewogen.
Q: Was ist der Unterschied zwischen analog und monochromatisch?
Was ist der Unterschied zwischen analog und monochromatisch? Analog verwendet auf dem Rad benachbarte Farben (z. B. Blau, Blaugrün, Grün). Monochromatisch verwendet nur einen Farbton mit unterschiedlichen Helligkeits- und Sättigungsstufen.
Q: Warum sieht meine Palette schlammig aus?
Warum sieht meine Palette schlammig aus? Beim Mischen von Komplementen mit gleicher Stärke werden die Farben gegenseitig ausgegraut. Reduzieren Sie die Sättigung einer Farbe oder lassen Sie einen Farbton dominieren, um die Palette frisch zu halten.
Q: Kann ich diese Paletten zur Datenvisualisierung verwenden?
Kann ich diese Paletten zur Datenvisualisierung verwenden? Ja, aber prüfen Sie zuerst, ob es für Farbenblinde geeignet ist. Verwenden Sie das Farbenblindheits-Simulator-Tool auf dieser Website, um zu überprüfen, ob Ihre Farbpalette unterscheidbar ist.
Q: Was ist Farbharmonie?
Was ist Farbharmonie? Das geometrische Muster der Farbtonbeziehungen im Farbkreis, das visuell ansprechende Kombinationen erzeugt.
Q: Wie viele Farbharmonien gibt es?
Wie viele Farbharmonien gibt es? Sechs Haupttypen: komplementär, geteilt-komplementär, analog, monochromatisch, triadisch und tetradisch.
Q: Welche Farbharmonie passt am besten zu Websites?
Welche Farbharmonie passt am besten zu Websites? Geteilt-komplementär ist der beste Allrounder — lebendig, aber sicher; analog passt am besten zu ruhigen, professionellen Interfaces.

Bauhaus-Farben

Die Bauhaus-Schule definierte die moderne Farbtheorie: Primärfarben als Werkzeuge, klare Kontraste statt Ornamente. Diese Palette zitiert die ikonischen Farben von Weimar, Dessau und der deutschen Designgeschichte.

Bauhaus Rot #BE1E2D

Das ikonische Rot der Bauhaus-Plakate und Drucksachen

Bauhaus Gelb #FFDE17

Das leuchtende Gelb der Bauhaus-Ästhetik

Bauhaus Blau #00509E

Das tiefe Blau des Bauhaus-Farbkreises

Ultramarin #120A8F

Historisches Pigment aus Lapislazuli, von Goethe beschrieben

Ocker #C78B2C

Erdpigment der deutschen Renaissance-Malerei

Petrol #006D7C

Das Blaugrün der Nachkriegszeit und des Mid-Century-Designs

Lindgrün #7CBA3D

Das frische Grün der Frühlingslinden

Ziegelrot #B22222

Die roten Ziegeldächer der Altstädte

Graphit #38383A

Der dunkle Grauton der Zeichenkunst und des Industriedesigns

Weiß #F4F4F4

Das Weiß der Bauhaus-Wände — Raum und Licht

Q: Was sind Bauhaus-Farben?
Was sind Bauhaus-Farben? Die Bauhaus-Farben sind die Primärfarben Rot (#BE1E2D), Gelb (#FFDE17) und Blau (#00509E) sowie Schwarz und Weiß. Die Schule (1919-1933) nutzte sie als systematische Farbenlehre statt dekorativer Ornamente.
Q: Was ist Ultramarin?
Was ist Ultramarin? Ultramarin (#120A8F) ist ein historisches blaues Pigment, ursprünglich aus dem Halbedelstein Lapislazuli gewonnen. Es war teurer als Gold und wurde für Madonnen-Mäntel in der Renaissance reserviert.