Générateur de Teintes et d'Ombres
Générez automatiquement les teintes les plus claires et les ombres les plus foncées de n'importe quelle couleur, avec son code HEX.
Comment générer des teintes et des ombres d'une couleur
Choisissez une couleur de base
Sélectionnez la couleur de départ avec le sélecteur visuel ou entrez son code HEX.
Consultez les teintes et les ombres
Vous verrez automatiquement 5 teintes plus claires (tintes) et 5 plus foncées (ombres) générées à partir de votre couleur.
Copie le HEX dont vous avez besoin
Cliquez sur n'importe quel échantillon pour copier son code HEX dans le presse-papiers.
Questions fréquentes sur le générateur de teintes et d'ombres
Disposer des variantes plus claires et plus foncées d'une couleur est essentiel pour créer une palette de conception cohérente (par exemple, pour les états de survol, les arrière-plans ou les bordures). Cet outil les calcule automatiquement.
Quelle est la différence entre une teinte (tint) et une ombre (shade) ?
+
Une teinte s'obtient en mélangeant la couleur avec du blanc (en l'éclaircissant) et une ombre en la mélangeant avec du noir (en l'assombrissant).
Combien de variantes génère-t-il ?
+
Il génère 5 teintes plus claires et 5 ombres plus foncées à partir de votre couleur de base, 10 au total.
Puis-je copier les codes ?
+
Oui, cliquez sur n'importe quelle couleur de la liste pour copier son code HEX.
Peut-on l'utiliser pour créer une palette de design style Tailwind ?
+
Oui, c'est exactement le même concept que les échelles de couleur 50-900 utilisées par de nombreux systèmes de design.
Est-ce gratuit ?
+
Oui, cet outil est complètement gratuit.
Ma couleur est-elle envoyée vers un serveur ?
+
Non, tous les calculs sont effectués directement dans votre navigateur.
Couleurs
Convertisseur de couleurs (HEX, RGB, HSL, CMYK)
Convertissez n'importe quelle couleur entre HEX, RGB, HSL et CMYK instantanément, avec aperçu en direct et nom de couleur le plus proche.
Générateur de palettes de couleurs
Créez des palettes de 5 couleurs harmonieuses (complémentaires, analogues, triadiques ou monochromatiques) à partir d'une couleur de base.
Générateur de dégradés CSS
Créez des dégradés linéaires ou radiaux avec jusqu'à 4 couleurs et copiez le code CSS prêt à l'emploi.
Vérificateur de contraste WCAG
Vérifie si la combinaison de couleur de texte et d'arrière-plan respecte les niveaux d'accessibilité AA et AAA.
Couleur aléatoire
Générez une couleur aléatoire en un clic et découvrez son nom, son code HEX/RGB/HSL et les couleurs similaires.
Sélecteur de couleur (pipette)
Choisissez n'importe quelle couleur de votre écran avec l'outil pipette du navigateur, ou utilisez le sélecteur classique.
Simulateur de daltonisme
Téléchargez une image et découvrez comment la verraient les personnes atteintes de protanopie, deutéranopie ou tritanopie.
Générateur de Dégradés Mesh
Créez des arrière-plans avec dégradés mesh (taches de couleur estompées) et téléchargez-les en PNG ou copiez le code CSS.
Mélangeur de Couleurs
Mélangez deux couleurs et découvrez les teintes intermédiaires étape par étape, avec leur code HEX.
Roue Chromatique (Harmonies)
Choisissez une couleur sur la roue et découvrez ses combinaisons harmonieuses : complémentaires, analogues, triadiques et plus.
Extracteur de Palette depuis Image
Téléchargez une image et extrayez automatiquement ses couleurs dominantes dans une palette, avec le code HEX de chacune.
Couleur Moyenne d'une Image
Téléchargez une image et calculez instantanément sa couleur moyenne, avec ses codes HEX, RGB et HSL.
Explorez les couleurs par famille
Plus de 469 couleurs nommées, avec leurs codes HEX, RGB, HSL et CMYK, organisées dans 12 familles de teintes.
