uuutil ← tous les outils

Vérificateur de contraste

Saisissez une couleur de texte et une couleur de fond — hex, RGB, HSL ou toute couleur CSS, les mêmes conventions que le convertisseur de couleurs — ou prélevez-les avec la pipette d'écran quand le navigateur la prend en charge (sinon, la pastille ouvre le sélecteur natif). Le rapport de contraste WCAG 2.x, calculé depuis la luminance relative, s'affiche avec une matrice réussi/échoué pour AA et AAA en texte normal et grand, seuils imprimés (4.5:1 et 7:1 en normal, 3:1 et 4.5:1 en grand) pour vérifier le résultat vous-même. Un aperçu en direct rend votre paire aux deux tailles — un simple aperçu, pas un jugement sur une page réelle — et pour chaque niveau en échec, l'ajustement éclaircir/assombrir passant le plus proche, du texte ou du fond, est proposé en valeur copiable. Un clic échange les deux couleurs.

Registre de confidentialité

Données collectées Aucune.
Bibliothèques utilisées Lit 3 — embarqué dans le fichier de l'outil.
Données stockées Rien.
Données transmises Aucune.

Utilisez-le sur votre propre page

Téléchargez l'outil en un seul fichier HTML autonome : source lisible avec la bibliothèque Lit incluse, aucune requête réseau — il fonctionne ouvert directement depuis votre disque, et tout est personnalisable.

Vous préférez le widget hébergé ? Une seule balise script l'intègre et reste à jour :

<script type="module" src="https://uuutil.com/tools/contrast-checker.js"></script>
<uu-contrast-checker lang="fr"></uu-contrast-checker>

Licence du code source : MIT — libre d'utiliser, de modifier et de redistribuer ; conservez la mention de licence dans les copies.