Ajoutez du blanc à une couleur et vous obtenez une teinte. C'est la définition même. Le rose est une teinte de rouge. Le bleu ciel est une teinte de bleu. Toute couleur pastel est une teinte d'une couleur plus saturée.

La confusion vient du fait que, dans le langage courant, on utilise indifféremment les termes « teinte » et « nuance ». Or, en théorie des couleurs, ce sont des notions opposées. La nuance ajoute du noir. Le ton ajoute du gris. La teinte ajoute du blanc. Trois opérations différentes, trois résultats différents. Un graphiste travaillant avec le système TSL peut créer une teinte en augmentant la luminosité. Un peintre, quant à lui, ajoute du pigment blanc.

Teintes dans les systèmes de conception

• Créez des états de survol plus clairs que la couleur de base
• Créez des couleurs d'arrière-plan appartenant à la même famille de teintes.
• Suggérer la légèreté, la douceur ou l'accessibilité
• Établir une hiérarchie visuelle sans modifier la teinte

De nombreux systèmes de conception génèrent une gamme de teintes à partir d'une couleur de base unique, généralement dix nuances allant du blanc cassé au noir profond. Material Design et les directives d'interface utilisateur d'Apple s'appuient tous deux sur des gammes de teintes. L'avantage réside dans la cohérence : chaque bleu clair du système est issu de la même formule. L'inconvénient est la monotonie si la gamme est utilisée sans variation. Les teintes sont plus efficaces lorsqu'elles sont associées à une couleur dominante présente dans la composition.