Comment ça marche
Saisissez une couleur dans n’importe quel format courant ou utilisez le sélecteur. Vous obtenez la même couleur en HEX, RGB, HSL et CMJN, son rapport de contraste avec un texte blanc et un texte noir avec le niveau WCAG correspondant, et une rangée de nuances plus claires et plus foncées à explorer d’un clic.
Rapport de contraste = (L1 + 0,05) ÷ (L2 + 0,05), où L est la luminance relative
Lire les niveaux de contraste
- AAA (7:1 ou plus) : excellente lisibilité pour le corps de texte.
- AA (4,5:1 ou plus) : le minimum pour un texte normal sur un site web.
- AA Large (3:1 ou plus) : uniquement pour les grands titres ou titres en gras et les icônes.
- Moins de 3:1 : difficile à lire pour beaucoup de personnes.
Conseils
- Les valeurs CMJN sont une conversion simple ; les imprimeurs utilisent des profils colorimétriques, vérifiez donc les épreuves pour obtenir des couleurs exactes à l’impression.
- Le HEX à 8 chiffres et rgba() incluent la transparence.
- Cliquez sur une valeur pour la copier.
Normes et sources
- Les valeurs de couleur suivent le CSS Color Module Level 4 (sRGB)
- Les rapports et niveaux de contraste suivent les WCAG 2.2 (W3C)
Dernière révision 7 octobre 2026
Questions fréquentes
Comment convertir un HEX en RGB ?
Saisissez le code HEX, par exemple #ff6600, et la valeur RGB s’affiche instantanément — ici rgb(255, 102, 0).
Quel rapport de contraste faut-il ?
Les WCAG exigent au moins 4,5:1 pour un texte normal (AA) et 7:1 pour le niveau AAA, plus strict. Les grands titres demandent 3:1.
Les valeurs CMJN sont-elles exactes pour l’impression ?
Elles résultent d’une conversion mathématique directe. L’impression réelle dépend des profils du papier et de l’encre : validez avec une épreuve.
La transparence est-elle prise en charge ?
Oui. Les valeurs HEX à 8 chiffres, rgba() et hsla() conservent leur canal alpha.
Comment copier une valeur ?
Cliquez sur une valeur HEX, RGB, HSL ou CMJN pour la copier, ou utilisez le bouton de copie pour toutes les copier d’un coup.