Générateur de palette de couleurs
Générez une échelle de nuances (teintes et ombres) à partir d’une couleur de base.
🔒 100 % côté client — aucune donnée envoyée
Générateur de palette de couleurs pour créer des nuances, teintes et ombres à partir d'une couleur de base en un clic. Parfait pour construire un design system cohérent ou des variantes claires et foncées pour vos composants. Toutes les couleurs sont générées localement dans votre navigateur, sans envoi de données.
FAQ
Quelle différence entre une teinte, une nuance et une ombre ?
Une teinte (tint) éclaircit la couleur en ajoutant du blanc, une ombre (shade) l'assombrit avec du noir, et un ton (tone) la désature avec du gris. L'outil génère ces variations automatiquement.
Comment créer une palette pour un design system ?
Partez d'une couleur de base et déclinez-la en plusieurs niveaux (par ex. de 50 à 900) pour couvrir fonds, bordures et textes. L'outil produit une échelle exportable en HEX.
Dans quel format puis-je récupérer les couleurs ?
Chaque nuance est fournie avec son code HEX prêt à copier, utilisable directement en CSS ou dans vos variables. Vous pouvez saisir votre couleur de base en HEX.
Combien de nuances faut-il générer par couleur ?
Une échelle de 9 à 10 niveaux est un standard courant (comme Tailwind) pour couvrir tous les usages. L'outil vous laisse visualiser l'ensemble de la gamme.