Über dieses Tool
Farbharmonien sind Farbtonbeziehungen, die direkt vom Farbkreis abgeleitet werden: Komplementär kombiniert zwei gegenüberliegende Farbtöne für maximalen Kontrast, Analog gruppiert drei benachbarte Farbtöne für ein ruhiges, stimmiges Gefühl, Triadisch verteilt drei Farbtöne gleichmäßig für einen lebendigen, aber ausgewogenen Look, Tetradisch verteilt vier Farbtöne gleichmäßig für eine reichhaltige Palette, die mehr Sorgfalt beim Ausbalancieren erfordert, und Split-Komplementär ersetzt den einen wahren Komplementärton durch die beiden benachbarten Farbtöne — der Großteil des Kontrasts eines Komplementärschemas bei weniger visueller Spannung.
Wählen Sie eine Basisfarbe, wählen Sie ein Schema, und dieses Tool berechnet alle übrigen Farbtöne mit derselben Sättigung und Helligkeit, sodass das Set wie eine Familie wirkt. Jedes Farbfeld zeigt seinen genauen hsl()-Wert und kopiert ihn beim Klick in die Zwischenablage — direkt in Ihr CSS einfügbar. Alles läuft lokal in Ihrem Browser; nichts wird hochgeladen, und Ihre Basisfarbe sowie das zuletzt verwendete Schema werden für das nächste Mal gespeichert.
Häufige Fragen
Welches Harmonieschema sollte ich für eine Website verwenden?
Analoge Schemata wirken auf Content-Websites meist ruhig und stimmig, während komplementäre oder split-komplementäre Schemata stärkeren Kontrast für Call-to-Actions schaffen — probieren Sie ein paar aus und sehen Sie, was zu Ihrer Marke passt.
Berücksichtigt dies die Farbzugänglichkeit/den Kontrast?
Nein — die Schemata sind reine Farbton-Mathematik, ohne Kontrastprüfung. Überprüfen Sie Text-/Hintergrundpaare vor der Veröffentlichung immer separat anhand der WCAG-Kontrastverhältnisse.