En théorie des couleurs, la valeur décrit la clarté ou l'obscurité d'une couleur. Elle est indépendante de la teinte. Un rouge peut être clair ou foncé. Un bleu peut être pâle ou profond. La valeur, c'est ce que l'on perçoit en plissant les yeux, lorsque les couleurs se fondent en gris. Les artistes affirment souvent que la valeur est plus déterminante que la couleur dans une composition. Un fort contraste de valeurs crée du dynamisme et de la clarté. Un faible contraste confère une impression de subtilité et d'atmosphère.

Les échelles de valeurs vont du noir au blanc. Les concepteurs utilisent les valeurs pour créer une hiérarchie visuelle. Un titre foncé sur fond clair attire l'attention, tandis qu'un pied de page gris clair se fond dans le texte. Dans les interfaces utilisateur, le contraste des valeurs est essentiel à l'accessibilité. Un texte dont le contraste avec son arrière-plan est insuffisant ne respecte pas les normes de lisibilité. Les Règles pour l'accessibilité des contenus Web (WCAG) spécifient des rapports de contraste minimaux, généralement de 4,5:1 pour le corps du texte.

Travailler avec la valeur

• Vérifiez le contraste en convertissant l'image en niveaux de gris.
• Utilisez la valeur pour créer une hiérarchie, pas seulement la couleur.
• Contraste élevé pour mettre en valeur les éléments importants et améliorer la lisibilité.
• Un faible contraste pour des arrière-plans et une ambiance subtils.

La valeur est la structure d'un design. La couleur attire l'attention, mais c'est la valeur qui détermine la cohérence de la composition.