Praktisches Farbtool
Design Tokens Generator
Erstelle Farb Design Tokens aus einer Palette und exportiere CSS Variablen, SCSS Maps, JSON und Tailwind Werte.
Was diese Seite bietet
- Konvertiere HEX Werte in benannte Tokens.
- Nutze numerische Skalen fur Shades und semantische Namen fur UI Rollen.
- Exportiere JSON fur Design und Build Tools.
Gut fur
- Design Systeme
- Token Handoff
- Frontend Teams
So nutzt du es
Erstelle Farb Design Tokens aus einer Palette und exportiere CSS Variablen, SCSS Maps, JSON und Tailwind Werte.
Paletten GeneratorErstelle Farb Design Tokens aus einer Palette und exportiere CSS Variablen, SCSS Maps, JSON und Tailwind Werte.WCAG CheckErstelle Farb Design Tokens aus einer Palette und exportiere CSS Variablen, SCSS Maps, JSON und Tailwind Werte.Bild ExtraktorErstelle Farb Design Tokens aus einer Palette und exportiere CSS Variablen, SCSS Maps, JSON und Tailwind Werte.
Kann ich das mit dem Hauptgenerator nutzen?
Ja. Starte hier, offne das Chromaforge Tool mit derselben Basisfarbe und exportiere die Palette.