Farbpaletten-Generator
Starte mit deiner Markenfarbe und erzeuge eine Palette nach den klassischen Harmonien des Farbkreises oder eine vollständige Reihe von Abstufungen – anschließend kopierst du die HEX-Codes oder die CSS-Variablen.
Keine Daten nötig
So geht's
- Gib eine Grundfarbe ein oder wähle sie aus.
- Wähle eine Harmonie.
- Kopiere einzelne Farben oder die CSS-Variablen.
Wie es funktioniert
Die Harmonien drehen den Farbton auf dem HSL-Farbkreis und lassen Sättigung und Helligkeit unverändert: Komplementär ist +180°, Analog ±20° und ±40°, Triade +120° und +240°, Split-Komplementär +150° und +210°, Tetrade alle 90°. Die Abstufungen behalten Farbton und Sättigung und verändern die Helligkeit von 95 % bis 15 %.
Der Text auf jedem Farbfeld wechselt anhand des WCAG-Kontrastwerts zwischen Schwarz und Weiß.
Beispiele
- Abstufungen einer Markenfarbe
- #0d6e63 → acht hellere und dunklere Töne für Hintergründe, Ränder und Text.
Typische Anwendungsfälle
- Markenauftritt und Oberflächen gestalten
- Präsentationen und Diagramme
- Design-Systeme im Web
Datenschutz und Sicherheit
Dieses Tool benötigt weder persönliche Daten noch Dateien. Die Ergebnisse entstehen auf deinem Gerät. Wie jedes Tool mit Dateien umgeht
Häufige Fragen
Warum wirken manche Harmonien unausgewogen?
HSL ist nicht wahrnehmungsgerecht: Gelbtöne wirken bei gleicher Helligkeit heller als Blautöne. Korrigiere einzelne Farben nach Augenmaß.
Kann ich eine Palette aus einem Foto gewinnen?
Ja, dafür gibt es das Tool zum Extrahieren einer Farbpalette aus einem Bild.
Zuletzt aktualisiert: