Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

Interaktives Farbrad – Finden Sie passende Farbharmonien

Finden Sie komplementäre, analoge, triadische, tetradische und quadratische Farbschemata. Passen Sie HEX, Sättigung und Helligkeit an und kopieren Sie dann passende Farben kostenlos und ohne Konto.

Ziehen Sie, um eine Grundfarbe zu wählen – Hex-Codes für jede klassische Farbharmonie zum Kopieren.

HEX-/CSS-Farbe
Harmonie

Farbkreis-Harmonien erklärt

Komplementär

Komplementärfarben liegen sich im Farbkreis direkt gegenüber — Blau und Orange, Rot und Grün. Sie erzeugen den stärksten Kontrast und die größte Leuchtkraft, wodurch Designs energiegeladen wirken und Call-to-Actions ins Auge fallen. Nutzen Sie eine Farbe dominant und deren Komplementärfarbe sparsam als Akzent, um visuelle Spannung zu vermeiden.

Geteilt komplementär

Split-komplementär kombiniert eine Basisfarbe mit den beiden Farben neben ihrer Komplementärfarbe. Du behältst den hohen Kontrast eines komplementären Schemas, milderst aber die Spannung ab, wodurch es viel schwerer ist, etwas falsch zu machen. Es ist ein hervorragendes Einsteigerschema: ein dominanter Farbton, zwei unterstützende Akzente und ein natürlich ausgewogenes Ergebnis.

Analog

Analoge Schemata verwenden drei benachbarte Farben auf dem Farbkreis, etwa Gelb, Gelbgrün und Grün. Da benachbarte Farben einen gemeinsamen Unterton teilen, wirkt das Ergebnis ruhig, harmonisch und natürlich — man denke an Sonnenuntergänge und Wälder. Wähle eine dominante Farbe, nutze die Nachbarn zur Unterstützung und füge einen neutralen Ton für Kontrast hinzu.

Triadisch

Ein triadisches Schema wählt drei Farben im gleichmäßigen Abstand von 120 Grad, etwa Rot, Gelb und Blau. Es bleibt lebendig, selbst wenn du blasse oder gedämpfte Varianten verwendest, und bleibt ausgewogen, da kein Farbton durch Nähe dominiert. Lass eine Farbe die Führung übernehmen und reserviere die anderen beiden für Akzente und Highlights.

Tetradisch (Rechteck)

Tetradische (rechteckige) Schemata verwenden vier Farben, angeordnet als zwei komplementäre Paare im Abstand von 60 Grad. Sie bieten die größte Vielfalt aller klassischen Harmonien, sind aber auch am schwierigsten auszubalancieren — wähle eine dominante Farbe, dämpfe die anderen und achte genau auf das Verhältnis von warmen zu kühlen Farbtönen.

Quadrat

Ein quadratisches Schema verteilt vier Farben gleichmäßig im Abstand von 90 Grad auf dem Farbkreis. Wie bei der tetradischen Harmonie ergeben sich zwei komplementäre Paare, doch die gleichmäßige Verteilung sorgt für eine knackigere, verspieltere Balance zwischen warmen und kühlen Tönen. Am besten funktioniert es, wenn eine Farbe klar dominiert und die übrigen nur als kleine Akzente erscheinen.

Das können Sie mit Farbkreis machen

Überprüfen Sie die Hauptfunktionen, bevor Sie beginnen.

  • Komplementäre und analoge Farbschemata entdecken
  • Triadische, tetradische und quadratische Harmonien finden
  • Hex-Codes für jede passende Farbe kopieren
  • Sättigung und Helligkeit live fein abstimmen
  • Grundfarbe für Ihre Design-Palette wählen

Referenz zu den Einstellungen

Verfügbare Steuerelemente für Farbkreis.

Optionen

Basisfarbe (Farbton und Sättigung)Farbwähler
Ziehe an einer beliebigen Stelle des interaktiven Farbkreises, um deine Ausgangsfarbe zu wählen: Der Winkel bestimmt den Farbton, der Abstand zur Mitte die Sättigung.
HEX-/CSS-FarbeTexteingabe
Tippen oder fügen Sie einen beliebigen HEX-Code, rgb()- oder hsl()-Wert oder CSS-Farbnamen ein, um das Farbrad direkt auf eine exakte Farbe zu setzen, die Sie bereits haben.
SättigungSchiebereglerBereich: 0–100% · Standard: 91%
Bestimmt, wie kräftig die Grundfarbe ist — von komplett Grau bei 0 % bis zur reinsten, intensivsten Variante des Farbtons bei 100 %.
HelligkeitSchiebereglerBereich: 0–100% · Standard: 60%
Steuert, wie hell oder dunkel die Grundfarbe ist, von Schwarz bei 0% über den reinen Farbton bis Weiß bei 100%; alle Harmonien passen sich automatisch an.
HarmonieVoreinstellungen
Legt fest, welche klassische Farbkreis-Beziehung auf dem Kreis hervorgehoben wird – die zugehörigen Begleitfarben werden markiert, sodass Sie den Aufbau des Schemas nachvollziehen können.Optionen: KomplementärGeteilt komplementärAnalogTriadischTetradisch (Rechteck)Quadrat
Kostenlos nutzbar · Keine Registrierung erforderlich · Ohne WasserzeichenUploads werden während der Übertragung verschlüsseltGemäß unserer Aufbewahrungsrichtlinie entfernt

Häufig gestellte Fragen

Wie Farbkreis dir hilft, es zu erledigen

Es löst jeden Tag echte Probleme – für Unternehmen, Kreative und alltägliche Aufgaben. Finden Sie den für Sie passenden Anwendungsfall und starten Sie.

Ausbildung

Farbtheorie lernen

Sieh dir jede klassische Farbharmonie live berechnet an, ausgehend von einer Basisfarbe deiner Wahl — mit einer verständlichen Erklärung, wann und warum jedes Schema funktioniert.

Für Kreative

Wähle Akzentfarben für deine Website

Gib den Hex-Code deiner Marke in das Farbrad ein und nutze split-komplementäre oder triadische Schemata, um Akzentfarben zu finden, die kontrastieren, ohne sich zu beißen.

Für Kreative

Farbschemata in einer echten Benutzeroberfläche testen

Jede Harmonie wird auf eine kleine Beispielkarte angewendet — Kopfzeile, Textbereich, Button und Punkte —, damit Sie die Kombinationen im Kontext beurteilen können statt anhand abstrakter Farbmuster.

Für Kreative

Kunst- und Illustrationspaletten

Verwende analoge Harmonien für natürliche, ruhige Szenen und komplementäre für dramatische Blickpunkte, indem du die genauen Hex-Codes in deine Mal-App überträgst.

Sehen Sie, wie jede Verwandlung gelingt

Jedes Foto überquert den Schrägstrich unbearbeitet und kommt auf der anderen Seite fertig heraus.