Normaliser · calculer · vérifier

Une paire de couleurs. Un rapport reproductible.

ContrastCheck transforme deux couleurs hex opaques en luminance relative, rapport WCAG 2.x brut et cinq repères clairement nommés dans le navigateur.

Ouvrir le vérificateur

Sans compte, envoi, exploration CSS, palette enregistrée, requête distante ou déclaration de conformité.

Trois étapes explicites

Saisissez, calculez et vérifiez

01

Saisissez deux couleurs hex

Utilisez trois ou six chiffres pour premier plan et fond opaques.

02

Lisez rapport et luminance

Le transfert sRGB et les poids W3C donnent un résultat stable.

03

Reliez le contexte réel

Décidez catégorie, états et couleurs voisines hors du calcul.

Arithmétique de design

Utile lorsqu’une paire déclarée doit être vérifiée

  • Comparer un jeton texte à une surface unie.
  • Vérifier une paire du design system à un seuil nommé.
  • Reproduire un résultat avec des valeurs hex normalisées.
  • Expliquer pourquoi deux gris encadrent 4.5:1.

Extrêmes et limites connus

Reproduisez 21:1 et la limite 4.5:1

Les exemples relient saisies, luminance, rapport brut, affichage conservateur et états.
Voir les exemples

Une paire opaque · calcul local

Vérifiez les mêmes couleurs

Saisissez les couleurs hex du premier plan et du fond pour reproduire localement le rapport WCAG 2.x, cinq repères et un aperçu fixe sans envoi.

Ouvrir ContrastCheck