Avec quels formats de couleur puis-je commencer ?
Utilisez une couleur HEX comme #4f46e5. Les valeurs HEX à trois caractères sont normalisées automatiquement.
Générateur de palette de couleurs
Générez des palettes de couleurs à partir d'une couleur de départ avec modes d'harmonie, couleurs de texte accessibles, nuances, variables CSS, couleurs Tailwind et exports JSON.
Générez palettes, nuances et design tokens depuis une couleur
Utilisez le Générateur de palette de couleurs pour transformer une couleur de départ en palettes pratiques pour sites web, apps, tableaux de bord, pistes de marque et systèmes de design. Choisissez un mode d'harmonie, ajustez le nombre de couleurs, inspectez les couleurs de texte lisibles pour chaque échantillon et copiez des exports prêts pour la production.
L'outil fonctionne dans le navigateur et produit des palettes HEX, une gamme de nuances 50-900, des propriétés CSS personnalisées, un objet de couleurs Tailwind et du JSON pour la transmission ou la documentation.
Utile pour
- Construire rapidement un système de couleurs de landing page ou de produit depuis une couleur de marque.
- Créer des nuances pour boutons, arrière-plans, bordures, graphiques et états.
- Copier des variables CSS ou des couleurs Tailwind sans formater la palette à la main.
- Vérifier si le texte noir ou blanc est plus lisible sur chaque échantillon généré.
Chargement de l'outil...
FAQ du générateur de palette de couleurs
Quels exports sont inclus ?
L'outil crée des couleurs HEX copiables, des variables CSS, une configuration de couleur de style Tailwind et du JSON.
Les couleurs générées sont-elles vérifiées pour l'accessibilité ?
Chaque échantillon affiche la meilleure couleur de texte noire ou blanche et son rapport de contraste afin de repérer rapidement les combinaisons lisibles.
