HEX, RVB et TSL décrivent une couleur de trois façons
Le HEX écrit le rouge, le vert et le bleu sur deux chiffres hexadécimaux chacun. #8B5CF6 signifie R égal 139, V égal 92 et B égal 246, exactement les valeurs RVB. L'abréviation à trois chiffres #F00 double chaque chiffre, ce qui la rend identique à #FF0000.
Le TSL décompose la couleur en teinte, saturation et luminosité. La teinte est un angle sur la roue chromatique, donc 0 et 360 degrés donnent le même rouge ; la saturation est la distance au gris et la luminosité la position entre le noir et le blanc. C'est pourquoi le TSL est plus commode quand on veut une version plus claire de la même couleur.
Le rapport de contraste compare la luminance relative de deux couleurs et va de 1:1 à 21:1. Chaque canal est corrigé en gamma, pondéré à 0,2126, 0,7152 et 0,0722, puis sommé ; 0,05 est ajouté à la valeur claire comme à la sombre avant la division. Le vert porte le poids le plus élevé parce que la vision humaine y est la plus sensible.
Ce qu'on oublie en choisissant des couleurs
Une association qui rend bien sur l'écran du graphiste est souvent illisible. Les recommandations d'accessibilité web demandent 4,5:1 pour le texte courant et 3:1 pour le texte large ou gras de 18 points et plus. Le gris pâle paraît raffiné sur une maquette et échoue régulièrement à ce seuil.
Juger le contraste à la seule luminosité induit en erreur. Le jaune sur blanc n'en a presque aucun parce que les deux sont clairs, et le bleu sur noir presque aucun parce que les deux sont sombres. Être éloignés sur la roue chromatique ne crée pas de contraste ; c'est une différence de luminance qui en crée.
Coder une information par la seule couleur exclut les lecteurs daltoniens. Le rouge et le vert qui marquent une hausse et une baisse doivent s'accompagner d'une flèche ou d'un signe, et la convention elle-même varie : les marchés américains et européens montrent les hausses en vert, la Corée, le Japon et la Chine en rouge.