Générateur de Teintes et Nuances de Couleur

Générez des teintes claires et foncées de n'importe quelle couleur de base.

Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés à un serveur.

Tints (mixed with white)

#d8e6fd

#b1cdfb

#89b4fa

#629bf8

Base

#3b82f6

Shades (mixed with black)

#2f68c5

#234e94

#183462

#0c1a31

Entrez une couleur de base pour générer quatre teintes plus claires (mélangées au blanc) et quatre nuances plus foncées (mélangées au noir) — utile pour créer une échelle de couleurs cohérente en design d'interface.

Questions Fréquentes

Quelle est la différence entre une teinte claire et une nuance foncée ?
Une teinte claire est une couleur mélangée au blanc (plus claire) ; une nuance foncée est mélangée au noir (plus sombre) — ensemble, elles forment une échelle de couleurs.
Combien d'étapes cela génère-t-il ?
Quatre teintes claires, la couleur de base et quatre nuances foncées — neuf étapes au total, semblable à une échelle de couleurs d'interface typique de 50 à 900.
À quoi servent les nuances et teintes ?
Elles sont couramment utilisées pour les états hover/actif, les bordures, les arrière-plans et les combinaisons texte-sur-fond dans un système de design.