Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
Ein UI-Farbsystem ist eine Reihe von Farbvarianten, die aus einer einzigen Ausgangsfarbe erstellt werden. Es bietet konsistente Hell-Dunkel-Skalen für Design-Token, Schaltflächen, Hintergründe und Textfarben.
Wählen Sie eine Saatfarbe und einen Stil (Tailwind oder Material). Das Tool generiert eine komplette 10-stufige Palette von hell (50) bis dunkel (900), perfekt für Designsysteme.
Was ist ein Design-Token? Ein Design-Token ist ein benannter Wert, der ein Designattribut wie eine Farbe speichert und im gesamten Designsystem konsistent verwendet wird.
Warum brauche ich 10 Farbtöne? Unterschiedliche UI-Elemente erfordern unterschiedliche Kontraststufen. Eine 10-stufige Skala bietet Flexibilität für Hintergründe, Rahmen, Hover-Zustände und Text.