Erstelle eine UI-Farbpalette
Harmonierad, Presets für Stimmung und UI-Theme, WCAG-Kontrastprüfung – Export als CSS-Variablen, Tailwind, SCSS, JSON-Tokens oder Figma.
So funktioniert der Farbpaletten-Generator
Erstelle harmonische Farbpaletten nach den Regeln der Farbenlehre: Harmonierad, schnelle Presets, Kontrastprüfung und Export in jedem Format.
Harmonien am Farbkreis
Wähle einen Grundfarbton und erzeuge komplementäre, analoge, triadische, split-komplementäre und tetradische Paletten nach den Prinzipien der Farbenlehre.
Schnelle Generierung
Eine produktionsreife Palette mit einem Klick. Der Generator erstellt ein ausgewogenes Set aus Primär-, Sekundär-, Akzent- und Neutralfarben.
Kontrastprüfung
Die integrierte WCAG-Kontrastprüfung zeigt, welche Farbkombinationen die Barrierefreiheitsstandards AA und AAA erfüllen. Gestalte schöne Paletten, die zugleich barrierefrei sind.
Exportieren & speichern
Exportiere Paletten als CSS-Variablen, Tailwind-Konfiguration, SCSS oder JSON. Speichere sie für später in deiner Bibliothek oder teile sie per Link.
Häufig gestellte Fragen
Farbharmonien sind Farbkombinationen, die sich aus der Position der Farben auf dem Farbkreis ergeben. Komplementärfarben liegen einander gegenüber und erzeugen starken Kontrast. Analoge Farben liegen nebeneinander und wirken stimmig. Triadische Farben sind gleichmäßig verteilt und bieten ausgewogene Vielfalt.
Eine typische Design-Palette braucht 5–8 Farben: eine primäre Markenfarbe, eine Sekundärfarbe, einen Akzent für CTAs, ein Set für Erfolg, Fehler und Warnung sowie 2–3 neutrale Grautöne. Der Generator hilft dir, all das aus einem einzigen Grundfarbton aufzubauen.
Die WCAG (Web Content Accessibility Guidelines) legen Mindestkontraste zwischen Text und Hintergrund fest. AA verlangt 4,5:1 für normalen Text, AAA 7:1. Wer diese Standards erfüllt, sorgt dafür, dass auch Menschen mit Sehbeeinträchtigung die Inhalte lesen können.
Ja. Gib einen beliebigen HEX-, RGB- oder HSL-Wert als Grundfarbe ein, und der Generator baut Harmonien darum herum. Praktisch, wenn du schon eine Markenfarbe hast und sie zu einer vollständigen Palette erweitern willst.