Vos couleurs sont-elles lisibles ?
Mesurez le contraste entre un texte et son fond selon les WCAG 2.2 ou APCA, ajustez vos couleurs en OKLCH, avec des corrections automatiques et des simulations de daltonisme.
Format non reconnu. Essayez #1e3a8a, rgb(30 58 138), hsl() ou oklch().
Format non reconnu. Essayez #ffffff, rgb(255 255 255), hsl() ou oklch().
Ajuster en OKLCH
sRGB la plus proche
Méthode de calcul
Récemment testés
Rapport de contraste
0:1
-
Recette des Spätzles maison
-
Les ingrédients
-
Pour 4 personnes
-
Du Munster bien fait, ça réchauffe les cœurs !
-
400 g de farine, 4 œufs, 10 cl d'eau et une pincée de sel.
-
Et comme on dit chez nous : « E Gueter ! » Bon appétit !
Corrections proposées
La couleur la plus proche qui atteint le seuil. Teinte et saturation sont conservées : seule la luminosité OKLCH varie.
En modifiant le texte
En modifiant le fond
Simulation des daltonismes
Votre couple de couleurs tel que le perçoivent les personnes atteintes des principaux troubles de la vision des couleurs, et le contraste qui en résulte.
Tester une palette
Toutes les combinaisons texte et fond de votre palette en un coup d'œil. Cliquez sur une case pour la charger dans l'outil.
Repères
-
Critère 1.4.3 · AA
4,5:1 pour le texte courant
3:1 suffit pour le grand texte : au moins 24 px, ou 18,66 px en gras.
-
Critère 1.4.6 · AAA
7:1 pour le texte courant
4,5:1 pour le grand texte. Le niveau AAA est recommandé pour les contenus de longue lecture.
-
Critère 1.4.11 · AA
3:1 pour les composants
Bordures de champs, icônes porteuses de sens, états de focus et éléments graphiques.
-
APCA · indicatif
Lc 75 pour le texte courant
Lc 60 pour le texte moyen (dès 24 px, ou 16 px en gras), Lc 45 pour le grand texte (dès 36 px, ou 24 px en gras). Lc 90 est idéal pour la lecture longue.
Les rapports affichés sont tronqués et non arrondis : 4,499:1 n'atteint pas 4,5:1. Les couleurs semi-transparentes sont composées sur le fond avant calcul. APCA est la méthode à l'étude pour les futures WCAG 3, donnée ici à titre indicatif.