Générateur
Générateur de nuances de couleur
Générez 11 nuances et teintes à partir de n'importe quelle couleur de base avec exportation CSS, Tailwind, SCSS et JSON.
Loading…
À propos du générateur de nuances de couleur
Le générateur de nuances de couleur crée une échelle complète en 11 étapes de nuances et teintes à partir de n'importe quelle couleur de base. Les nuances sombres sont créées en mélangeant la couleur avec du noir, tandis que les teintes claires sont créées en mélangeant avec du blanc. Le résultat est une échelle de couleurs professionnelle similaire aux palettes intégrées de Tailwind CSS.
Comment utiliser
Entrez n'importe quel code couleur HEX dans le champ de saisie ou utilisez le sélecteur de couleur. L'outil génère instantanément 5 nuances plus sombres et 5 teintes plus claires avec la couleur originale. Cliquez sur n'importe quel échantillon pour copier sa valeur HEX. Utilisez le panneau d'exportation pour télécharger l'échelle complète en variables CSS, configuration Tailwind, variables SCSS ou JSON.
Cas d'utilisation courants
- Créer des palettes de couleurs complètes pour les systèmes de design
- Générer des échelles de couleurs personnalisées pour Tailwind CSS
- Construire des systèmes de couleurs accessibles avec un contraste suffisant
- Concevoir des variantes en mode sombre pour les couleurs de marque
- Exporter des jetons de couleur pour les systèmes de design CSS ou SCSS