Les formats de couleur expliqués
HEX (hexadécimal)
Le format le plus utilisé en CSS : un dièse suivi de 6 caractères, deux par composante rouge, verte et bleue, de 00 à FF (0 à 255). #FF0000 est un rouge pur. La forme courte #F00 est équivalente.
RVB (RGB)
Les mêmes trois composantes, écrites en décimal de 0 à 255 : rgb(255, 0, 0). C'est la façon dont les écrans produisent les couleurs, par synthèse additive de lumière.
TSL (HSL)
Teinte (0 à 360°, la position sur le cercle chromatique), saturation (0 à 100 %) et luminosité (0 à 100 %). Ce format est très pratique pour créer des variantes : il suffit de modifier la luminosité pour obtenir une nuance plus claire ou plus foncée d'une même couleur, comme dans la palette de nuances ci-dessus.
CMJN (CMYK)
Cyan, magenta, jaune et noir : le format de l'impression, par synthèse soustractive des encres. La conversion depuis le RVB est approximative : pour un travail d'impression professionnel, utilisez le profil colorimétrique de votre imprimeur.
Le contraste et l'accessibilité
Les règles d'accessibilité WCAG demandent un rapport de contraste d'au moins 4,5:1 entre un texte de taille normale et son fond (niveau AA), et 3:1 pour les grands titres. Un contraste suffisant rend votre site lisible par les personnes malvoyantes, mais aussi par tout le monde sur un écran de téléphone en plein soleil.