Générateur de nuances et teintes de couleur

Générez des nuances et des teintes depuis n’importe quelle couleur de base

Saisissez une couleur hex et choisissez le nombre de paliers souhaité. L’outil produit deux échelles : les nuances mélangent la couleur de base vers le noir et les teintes la mélangent vers le blanc. Cliquez sur n’importe quelle pastille pour copier sa valeur hex. Les échelles sont distribuées uniformément, formant une rampe douce et prévisible, idéale pour les systèmes de design, les propriétés CSS personnalisées ou les définitions de palette Tailwind.

Chaque pastille affiche sa valeur hex au survol. La couleur de base apparaît entre les deux échelles pour voir toute la plage d’un coup d’œil. Tout est calculé côté client — rien n’est envoyé.

FAQ

Quelle est la différence entre une nuance et une teinte ? Une nuance mélange la couleur avec du noir (plus foncée), tandis qu’une teinte la mélange avec du blanc (plus claire). Ensemble, elles créent une échelle de luminosité complète.

Puis-je utiliser le résultat dans Tailwind ? Oui. Associez les valeurs hex aux clés de couleur Tailwind (50 à 950) en attribuant les teintes aux clés plus claires et les nuances aux plus sombres.