Warum dieses Tool
- HEX, RGB, HSL und HSV bleiben beim Ziehen synchron
- Komplementäre, analoge, triadische und tetradische Schemata
- Export per Klick als CSS-Variablen, Tailwind-Konfiguration oder JSON
Paletten auf Basis der Farblehre
Harmonische Schemata entstehen aus festen Beziehungen im Farbkreis. Komplementärpaare liegen sich für maximalen Kontrast gegenüber, analoge Sets liegen nebeneinander und wirken ruhig, triadische Sets sind gleichmäßig verteilt und bleiben kräftig, ohne aus der Balance zu geraten.
Häufig gestellte Fragen
Was bedeutet der HEX-Code?
Drei Paare hexadezimaler Ziffern für Rot, Grün und Blau, jeweils von 00 bis FF. #FF0000 ist volles Rot ohne Grün und Blau.
Wann sollte ich HSL statt HEX nutzen?
HSL trennt Farbton, Sättigung und Helligkeit. Eine Abstufung zu bauen heißt dann, eine Zahl zu ändern, statt neue Hex-Werte zu raten.
Sind die exportierten Paletten barrierefrei?
Der Generator zeigt Kontrastverhältnisse, sodass Sie jedes Paar gegen den WCAG-AA-Schwellenwert von 4,5:1 für Fließtext prüfen können, bevor Sie es einsetzen.
Weitere Anleitungen und Konverter sind auf Englisch verfügbar →