Contraste entre la couleur du texte et celle du fond

Comment ça se calcule

On calcule la luminance relative de chaque couleur à partir de ses canaux corrigés, puis le rapport (plus claire + 0,05) divisé par (plus sombre + 0,05). Les seuils de la norme d'accessibilité sont 4,5 pour le texte courant en niveau AA, 7 en niveau AAA et 3 pour le grand texte.

Questions fréquentes

Quel contraste viser pour un site ?

Le niveau AA, soit 4,5 pour le texte courant, est le minimum fréquemment demandé. Le niveau AAA, 7, est plus confortable pour de longs textes.

Le contraste suffit-il à la lisibilité ?

Non, la taille, la graisse et l'interlignage comptent aussi. Le contraste est une condition nécessaire, pas suffisante.

Cas fréquents

Des exemples déjà remplis, avec leur explication :

Intégrer cet outil sur votre site

Copiez ce code pour afficher l'outil sur votre site ou votre blog. L'outil s'exécute dans le navigateur du visiteur, sans cookie ni suivi, et affiche un lien « Propulsé par Nuancier Carmin » vers cette page.

Code d'intégration de l'outil Contraste entre un texte et son fond

<iframe src="https://red-colornewssoldier.com/embed/contraste-wcag-texte-fond/" title="Contraste entre un texte et son fond (outil Nuancier Carmin)" width="100%" height="520" style="border:0;max-width:640px" loading="lazy"></iframe>

Aperçu de la version intégrable : https://red-colornewssoldier.com/embed/contraste-wcag-texte-fond/

Les résultats sont fournis à titre indicatif. Pour aller plus loin, découvrez les sites de la teinte Gris ardoise de l'annuaire et lisez le guide de cette teinte.

◐ Contraste entre un texte et son fond

Comment ça se calcule

Questions fréquentes

Cas fréquents

Intégrer cet outil sur votre site

Autres calculateurs

Contraste entre un texte et son fond