Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
Un système de couleurs d’interface utilisateur est un ensemble de variantes de couleurs construites à partir d’une seule couleur de départ. Il fournit des échelles cohérentes du clair au foncé pour les jetons de conception, les boutons, les arrière-plans et les couleurs du texte.
Sélectionnez une couleur de graine et choisissez un style (Tailwind ou Material). L'outil génère une palette complète en 10 étapes allant du clair (50) au foncé (900), parfaite pour les systèmes de conception.
Qu'est-ce qu'un jeton de conception ? Un jeton de conception est une valeur nommée qui stocke un attribut de conception comme une couleur, utilisé de manière cohérente dans un système de conception.
Pourquoi ai-je besoin de 10 teintes ? Différents éléments de l'interface utilisateur nécessitent différents niveaux de contraste. Une échelle de 10 étapes offre une flexibilité pour les arrière-plans, les bordures, les états de survol et le texte.