Vérificateur de contraste
Choisissez une couleur de premier plan et d'arrière-plan pour voir le ratio de contraste en direct et vérifier s’il respecte les normes d’accessibilité WCAG AA et AAA pour le texte normal et le grand texte. Un aperçu en direct montre la combinaison en pratique.
Comment ça marche
Choisissez vos couleurs de premier plan et d'arrière-plan avec les sélecteurs ou en tapant un code hexadécimal. Le ratio de contraste est calculé à partir de la luminance relative des deux couleurs et comparé aux seuils WCAG pour le texte normal (4,5:1 pour AA, 7:1 pour AAA) et le grand texte (3:1 pour AA, 4,5:1 pour AAA).
Astuce
Si une combinaison échoue, essayez d’assombrir la couleur la plus foncée ou d’éclaircir la plus claire — même de petits ajustements peuvent faire passer le ratio au-dessus du seuil suivant.
Qu’est-ce qu’un « grand texte » ?
Le WCAG définit le grand texte comme au moins 18pt (24px), ou 14pt (~18,5px) en gras — les titres et textes similaires bien visibles peuvent utiliser les seuils plus souples réservés au grand texte.
Plus d'outils dans cette catégorie
Calculateur d'exposition
Trouvez des expositions photo équivalentes entre ouverture, vitesse d'obturation et ISO.
Calculateur de ratio d’aspect
Redimensionnez une image ou une vidéo proportionnellement et trouvez son ratio simplifié.
Générateur de dégradé CSS
Créez un dégradé CSS linéaire ou radial et copiez le code généré.
Générateur de palette de couleurs
Transformez n'importe quelle couleur de base en palettes complémentaires, analogues et triadiques.
Convertisseur de format de couleur
Convertissez instantanément n'importe quelle couleur entre HEX, RVB, HSL et CMJN, avec copie en un clic pour chaque format.
Générateur d'échelle typographique
Générez un ensemble harmonieux de tailles de police à partir d'une taille de base et d'un ratio d'échelle, prêt à copier sous forme de propriétés personnalisées CSS.