Vérificateur de Contraste WCAG 2.1
Vérifiez vos paires de couleurs de texte et d'arrière-plan selon les seuils d'accessibilité W3C WCAG 2.1 AA et AAA avec aperçu typographique et composants UI en direct. 100% sans inscription, traitement local dans le navigateur et stockage sur votre appareil.
Tableau de Référence Rapide
Formule Mathématique
Ratio de contraste W3C WCAG 2.1 dérivé des valeurs de luminance relative sRGB linéarisées par correction gamma.
Présentation Générale et Contexte Technique
Les réglementations internationales sur l'accessibilité numérique — notamment les directives W3C Web Content Accessibility Guidelines (WCAG 2.1 / norme ISO/IEC 40500), le Référentiel Général d'Amélioration de l'Accessibilité (RGAA), l'Acte législatif européen sur l'accessibilité (norme EN 301 549) et la loi américaine ADA (Section 508) — imposent des ratios de contraste de luminance stricts entre la couleur du texte ou des composants graphiques de premier plan et la surface d'arrière-plan sous-jacente. Un contraste suffisant garantit que les utilisateurs présentant une basse vision modérée, une dégénérescence maculaire liée à l'âge, un daltonisme (protanopie, deutéranopie, tritanopie) ou consultant un écran mobile en plein soleil puissent lire le contenu sans effort.
Contrairement à une simple différence arithmétique RVB, la norme WCAG 2.1 calcule le contraste à partir de la luminance relative linéarisée ($L$) dans l'espace sRGB. Comme les photorécepteurs de la rétine humaine sont nettement plus sensibles aux longueurs d'onde vertes (71,52 %) qu'aux rouges (21,26 %) et aux bleues (7,22 %), un bleu saturé pur (#0000FF) ne possède qu'une luminance relative de 0,0722 tandis qu'un vert pur (#00FF00) atteint 0,7152. Chaque canal sRGB 8 bits subit d'abord une correction gamma inverse avant d'être pondéré dans la formule $(L_{\max} + 0,05) / (L_{\min} + 0,05)$, produisant une échelle allant de 1:1 (couleurs identiques illisibles) à 21:1 (noir pur sur blanc pur). Le Vérificateur de Contraste de Kitiverse évalue en temps réel le texte normal, les grands titres et les composants d'interface non textuels.
Comment vérifier le ratio de contraste WCAG 2.1 en ligne
Testez n'importe quelle paire de couleurs de premier plan et d'arrière-plan pour valider la conformité AA et AAA de votre interface.
Saisissez le code HEX de premier plan (Texte) et le code HEX d'arrière-plan (Surface), ou choisissez vos teintes visuellement à l'aide des sélecteurs de couleurs.
Examinez le ratio de contraste WCAG 2.1 calculé en direct ainsi que les quatre badges de validation (PASS / FAIL) pour AA Normal (4,5:1), AAA Normal (7,0:1), AA Grand Texte (3,0:1) et Icônes UI (3,0:1).
Cliquez sur le bouton « Inverser » pour permuter le texte et l'arrière-plan afin de vérifier le comportement de votre couple chromatique sur les boutons inversés ou badges.
Cliquez sur « Copier le rapport CSS » pour copier les déclarations `color` et `background-color` annotées avec le ratio de contraste WCAG exact.
Questions Fréquentes
Quel est le ratio de contraste minimal requis pour le niveau WCAG 2.1 AA ?
Dans quels cas le niveau d'accessibilité WCAG 2.1 AAA (7,0:1) est-il recommandé ?
Inverser la couleur du texte et de l'arrière-plan modifie-t-il le ratio WCAG 2.1 ?
Qu'est-ce qui est considéré comme un « Grand Texte » selon la norme W3C WCAG ?
Les bordures de formulaires et les icônes doivent-elles aussi respecter un seuil de contraste ?
Les couleurs de ma charte graphique sont-elles enregistrées sur un serveur externe ?
Instruments Associés dans Cet Établi
Tous les outils de Couleur & Design →Convertisseur de Couleurs HEX, RGB, HSL & CMJN
Convertisseur de codes couleurs 24 bits bidirectionnel traduisant en temps réel entre l'hexadécimal (#RRGGBB), CSS RGB/RGBA, HSL cylindrique et CMJN d'impression. 100% sans inscription, traitement local dans le navigateur et stockage sur votre appareil.
Sélecteur de Couleurs & Générateur de Palettes
Conversion chromatique multiformat (HEX, RGB, HSL, OKLCH), calcul instantané du contraste d'accessibilité WCAG 2.1 et génération de palettes pastel harmonieuses. 100% sans inscription, traitement local dans le navigateur et stockage sur votre appareil.
Redimensionneur d'Images et Calculateur de Ratio d'Aspect
Redimensionnez vos images PNG, JPEG et WebP aux dimensions exactes en pixels, verrouillez les ratios d'aspect avec simplification PGCD (16:9, 4:5, 1:1) et calculez la taille d'impression 300 DPI. 100% sans inscription, traitement local dans le navigateur et stockage sur votre appareil.
Organisateur et Diviseur de PDF
Organisez, réordonnez, pivotez, divisez et fusionnez vos pages PDF directement dans votre navigateur avec vignettes visuelles et extraction de plages sur mesure. 100% sans inscription, traitement local dans le navigateur et stockage sur votre appareil.
Convertisseur d'Images en PDF
Convertissez vos images JPG, PNG, WebP, GIF et BMP en documents PDF haute résolution avec réorganisation visuelle, rotation à 90°, contrôle des marges et formats A4 ou US Letter. 100% sans inscription, traitement local dans le navigateur et stockage sur votre appareil.
Convertisseur Vidéo en GIF Animé
Convertissez vos vidéos MP4, WebM, QuickTime MOV et OGV en GIF animés haute qualité avec découpage temporel, réglage de cadence (10 à 24 FPS) et palette optimisée. 100% sans inscription, traitement local dans le navigateur et stockage sur votre appareil.
Cet utilitaire fonctionne à 100 % localement dans votre navigateur avec stockage sur votre appareil et aucun envoi vers un serveur. Tous les résultats sont fournis « tels quels » — veuillez valider les données, codes et fichiers critiques avant toute mise en production.