Convertisseur de couleur

HEX et RGB sont la même chose écrite autrement. `#663399`, ce sont trois paires de chiffres hexadécimaux — 102, 51 et 153 — et `rgb(102 51 153)`, ce sont ces mêmes nombres en décimal. La conversion ne peut rien perdre, puisque seule la base change.

HSL et HSV décrivent la même couleur du point de vue d’une personne plutôt que de celui d’un écran. Au lieu du dosage de rouge, de vert et de bleu, ils donnent la teinte comme un angle sur un cercle chromatique, puis la saturation et la luminosité. C’est pour cela que les graphistes s’en servent : éclaircir une couleur de dix pour cent, c’est un chiffre en HSL et trois chiffres peu parlants en RGB.

Tout le reste de cette page est un réarrangement des trois mêmes nombres. Le CMJN, non : il décrit de l’encre sur du papier, et le rendu réel d’un mélange de cyan, magenta, jaune et noir dépend de la presse, du papier et du profil colorimétrique. Aucune formule n’a accès à cela.

Ce que vous obtenez ici est la conversion nominale habituelle, celle que fait tout outil proposant du CMJN sans vous demander de profil. C’est un point de départ raisonnable, ce n’est pas une valeur prête pour l’impression. Si la couleur compte vraiment, l’imprimeur voudra le code hex et fera la séparation avec son propre profil.

L’alpha est conservé : `#663399cc`, `rgba(102, 51, 153, 0.8)` et `rgb(102 51 153 / 80%)` désignent la même couleur à 80 % d’opacité, et les trois sont lues correctement. La forme hex à huit chiffres est la moins courante et celle qui met le plus d’outils en défaut, alors qu’elle n’est que la forme à six chiffres avec une quatrième paire pour l’opacité.

Le CMJN n’a pas d’équivalent, car l’encre se dépose ou ne se dépose pas. Quand la couleur saisie est partiellement transparente, les valeurs CMJN la décrivent comme si elle était opaque.

Sous les notations figurent deux nombres : le rapport de contraste de votre couleur sur blanc et sur noir. Ils viennent de la définition WCAG, qui n’est pas une moyenne de luminosité — les canaux sont pondérés, parce que l’œil est bien plus sensible au vert qu’au bleu, et chacun est linéarisé au préalable.

L’usage pratique est de décider quelle couleur de texte poser sur un fond. 4,5 est le seuil du texte courant et 3 celui des grands titres : un fond dont le meilleur rapport passe sous 4,5 demande un texte plus grand ou un autre fond. C’est le moyen le plus rapide de découvrir qu’une couleur de marque qui rend bien sur maquette ne passera pas un audit d’accessibilité.

Une couleur illisible est signalée comme telle plutôt que remplacée en silence. Cela paraît évident et c’est rare : la façon habituelle de construire cette page consiste à donner la chaîne au navigateur et à relire ce qu’il a calculé — quatre lignes de code qui répondent à `#12345` par la couleur précédente.

Un chiffre manquant ressemble alors à une conversion réussie, et vous ne le découvrez qu’ailleurs, quand la teinte ne va pas. Ici l’analyse est explicite. Elle coûte une table des cent quarante-huit mots-clés CSS et vous donne une erreur au lieu d’une réponse fausse mais plausible.