Farbpaletten-Generator
Generieren Sie eine Skala aus Schattierungen und Tönungen aus einer einzelnen Grundfarbe.
🔒 100 % clientseitig — keine Daten gesendet
Farbpaletten-Generator, um Schattierungen, Tönungen und Farbtöne aus einer einzelnen Grundfarbe mit einem Klick zu erstellen. Ideal für den Aufbau eines konsistenten Designsystems oder heller und dunkler Varianten Ihrer Komponenten. Alle Farben werden lokal in Ihrem Browser generiert, ohne dass Daten gesendet werden.
FAQ
Was ist der Unterschied zwischen einer Tönung, einer Schattierung und einem Ton?
Eine Tönung hellt eine Farbe durch Zugabe von Weiß auf, eine Schattierung dunkelt sie mit Schwarz ab, und ein Ton entsättigt sie mit Grau. Das Tool generiert diese Varianten automatisch.
Wie erstelle ich eine Palette für ein Designsystem?
Beginnen Sie mit einer Grundfarbe und leiten Sie daraus mehrere Stufen ab (z. B. 50 bis 900), um Hintergründe, Rahmen und Text abzudecken. Das Tool erzeugt eine Skala, die Sie in HEX exportieren können.
In welchem Format erhalte ich die Farben?
Jede Schattierung enthält einen kopierfertigen HEX Code, den Sie direkt in CSS oder in Ihren Variablen verwenden können. Sie können Ihre Grundfarbe in HEX eingeben.
Wie viele Schattierungen sollte ich pro Farbe generieren?
Eine Skala mit 9 bis 10 Stufen ist ein gängiger Standard (wie Tailwind), um jeden Anwendungsfall abzudecken. Das Tool zeigt Ihnen den gesamten Bereich in der Vorschau.