Vérificateur de contraste
Vérifie les ratios de contraste WCAG pour du texte et une interface accessibles.
Aperçu
Portez ce vieux whisky au juge blond qui fume
Ratio de contraste: 17.72:1
Suggestions AA
#0a0a0b
Ratio de contraste 19.79:1 · plus foncé
#000000
Ratio de contraste 21:1 · plus foncé
#26262b
Ratio de contraste 15.06:1 · plus clair
#35353b
Ratio de contraste 12.18:1 · plus clair
#43434c
Ratio de contraste 9.79:1 · plus clair
Comment utiliser
- Saisissez ou choisissez une couleur de premier plan.
- Saisissez ou choisissez une couleur d'arrière-plan.
- Examinez le ratio, les badges et les alternatives conformes AA suggérées.
Questions fréquentes
Quel est un bon ratio de contraste ?
Pour le texte normal, WCAG AA exige au moins 4.5:1 et AAA au moins 7:1.
Qu'est-ce qui compte comme texte grand ?
Le texte grand est généralement de 18pt ou 14pt en gras, avec un seuil AA inférieur de 3:1.
Comment les suggestions sont-elles générées ?
L'outil ajuste la luminosité du premier plan vers le blanc ou le noir jusqu'à ce que le ratio atteigne 4.5:1.
Outils associés
Générateur de palettes de couleurs
Crée des palettes harmonieuses avec les modes aléatoire, analogique, complémentaire et triadique.
Convertisseur de couleurs
Convertit instantanément les couleurs entre HEX, RGB, HSL et HSV.
Simulateur de daltonisme
Prévisualisez l'apparence des images pour les types courants de daltonisme.
Générateur de dégradés
Crée des dégradés linéaires CSS avec des couleurs et directions personnalisées.
Générateur de teintes
Génère des échelles de teintes claires et foncées avec des variables CSS exportables.
Recherche de nom de couleur
Trouve le nom de couleur CSS le plus proche pour toute valeur.