Trois façons d’écrire une couleur
| HEX | #2563D9 |
| RGB | rgb(37, 99, 217) |
| HSL | hsl(219, 71%, 50%) |
Les trois désignent le même bleu. Les écrans forment chaque couleur en mélangeant de la lumière rouge, verte et bleue, et chaque format écrit ces quantités à sa façon.
RGB et HEX
Le RGB (RVB) donne le rouge, le vert et le bleu de 0 à 255. Le HEX écrit ces trois nombres en base 16, sur deux chiffres chacun : 25 vaut 37, 63 vaut 99 et D9 vaut 217. Un code court comme #FFF double chaque chiffre (#FFFFFF, blanc), et une quatrième paire ajoute la transparence (#2563D980 est à peu près à moitié transparent).
HSL
Le HSL (TSL) décrit une couleur comme on se la représente : la teinte est la position sur le cercle chromatique en degrés (0 rouge, 120 vert, 240 bleu), la saturation son intensité et la luminosité va du noir à 0 % au blanc à 100 %. Il est donc facile d’obtenir une nuance plus claire ou plus foncée : gardez la teinte et la saturation, changez la luminosité.
Le CMJN, c’est pour l’impression
Les imprimantes mélangent des encres cyan, magenta, jaune et noire plutôt que de la lumière. Les conversions entre RGB et CMJN sont approximatives, car les écrans et les encres ne peuvent pas afficher exactement la même gamme de couleurs.
Contraste du texte
Les règles d’accessibilité WCAG demandent un contraste d’au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte au niveau AA. Le Convertisseur de couleurs passe d’un format à l’autre et vérifie le contraste avec un texte blanc ou noir. Pour trouver le code d’une couleur dans une photo ou une capture d’écran, utilisez la Pipette de couleur d’image.