So funktioniert es
Wähle eine Grundfarbe und eine Harmonieregel, dann entsteht eine passende Palette, indem der Farbton auf dem Farbkreis gedreht oder die Helligkeit verändert wird. Tippe auf ein Farbfeld, um seinen Code zu kopieren, oder kopiere das ganze Set als CSS-Variablen für dein Stylesheet.
Komplementär = Farbton + 180° · Triadisch = Farbton + 120° und + 240°
Harmonieregeln
- Komplementär: gegenüberliegende Farben für starken Kontrast und Call-to-Action-Buttons.
- Analog: Nachbarn auf dem Farbkreis für ruhige, natürliche Designs.
- Triadisch und tetradisch: drei oder vier gleichmäßig verteilte Farbtöne für lebendige, ausgewogene Paletten.
- Geteilt komplementär: die beiden Nachbarn der Gegenfarbe – Kontrast mit weniger Spannung.
- Monochrom, hellere und dunklere Töne: ein Farbton in mehreren Helligkeitsstufen, ideal für UI-Zustände.
Tipps
- Nutze eine Farbe als Hauptton, eine als Akzent und den Rest sparsam.
- Prüfe Text- und Hintergrundpaare vor der Veröffentlichung mit dem Kontrastprüfer.
- Alles läuft in deinem Browser; nichts wird gespeichert.
Grundlagen und Quellen
- Die Harmonien werden auf dem HSL-Farbkreis berechnet, wie er im CSS Color Module Level 4 definiert ist
Zuletzt geprüft am 7. Oktober 2026
Häufige Fragen
Wie erstelle ich eine Farbpalette aus einer Farbe?
Gib deine Grundfarbe ein und wähle eine Harmonieregel. Das Tool dreht den Farbton auf dem Farbkreis oder verändert die Helligkeit, um passende Farben zu erzeugen.
Welche Harmonie eignet sich am besten für eine Website?
Analoge oder monochrome Paletten wirken ruhig und einheitlich; ergänze eine Komplementärfarbe als Akzent für Buttons und Links.
Was sind hellere und dunklere Töne?
Hellere Töne sind aufgehellte Varianten einer Farbe, dunklere Töne abgedunkelte. Sie sind praktisch für Hover-Zustände, Rahmen und Hintergründe.
Kann ich die Palette exportieren?
Ja. Kopiere den Block mit CSS-Variablen oder tippe auf ein Farbfeld, um einen einzelnen HEX-Code zu kopieren.
Kann das Tool eine zufällige Palette vorschlagen?
Tippe auf „Zufällige Grundfarbe“, um mit einer neuen Farbe zu starten, und wechsle dann die Harmonieregeln, um Varianten zu entdecken.