Teintes & nuances
Générez des variantes plus claires et plus foncées de n'importe quelle couleur
Teintes (plus claires)
Base
Ombres (plus foncées)
À propos des teintes et ombres
Une teinte est une couleur mélangée avec du blanc (plus claire), et une ombre est une couleur mélangée avec du noir (plus foncée). Générer des teintes et des ombres à partir d'une couleur de marque ou d'accent est un moyen rapide de créer une palette utilisable pour les états d'arrière-plan, de surface, de survol et enfoncés dans une interface utilisateur.
Cliquez sur n'importe quelle nuance pour copier son code hexadécimal. Utilisez-les comme point de départ — vous voudrez peut-être affiner la luminance et la saturation en HSL pour un résultat plus adapté aux designers.
Questions fréquemment posées
Quelle est la différence entre une teinte, un ton et une ombre ?
Une teinte est la couleur mélangée avec du blanc. Une ombre est la couleur mélangée avec du noir. Un ton est la couleur mélangée avec du gris (ce qui la désature). Ce générateur gère les teintes et les ombres.
Sont-elles basées sur RGB ou HSL ?
Interpolation linéaire RGB entre la couleur de base et le blanc/noir pur. C'est rapide et intuitif mais ne semble pas toujours perceptuellement uniforme — pour les travaux de conception haut de gamme, les pas basés sur HSL ou OKLCH peuvent produire des résultats plus fluides.