Bū tools

Contraste

Un texte est-il lisible sur son fond ? (WCAG).

À quoi ça sert

Le contraste entre une couleur de texte et son fond, avec les règles WCAG 2 des sites et des apps (et un bon repère pour les titres et les sous-titres).

• AA : le minimum habituel. 4,5:1 pour le texte normal, 3:1 pour le grand texte (24 px et plus, ou 18,7 px gras) et pour les icônes, boutons et graphiques.
• AAA : le niveau supérieur. 7:1 pour le texte normal, 4,5:1 pour le grand texte.
• Couleur la plus proche : la même teinte, plus claire ou plus sombre, juste assez pour réussir. Touche pour la prendre.
• Tape un code HEX, ou utilise le sélecteur de couleur.
• Thème clair et sombre : cinq couleurs par mode (fond, texte, texte secondaire, accent, texte sur l’accent), vérifiées dans les deux modes ; Ajuster corrige ce qui rate, en gardant chaque teinte ; copie les variables CSS (les sombres sous prefers-color-scheme: dark).

Gratuit, sans compte, rien n’est envoyé : tout tourne dans ton navigateur, même hors ligne.

Outils voisins

• QR code · Un QR code avec du style
• Défi créatif · Un thème, des contraintes, un livrable et une deadline
• Résolution · Tailles, ratios et formats
• Safe zones · Zones sûres des réseaux sociaux
• Mire · Des mires pour tes écrans
• Modes de fusion · Comment les calques se mélangent
• Couleurs · Le cercle chromatique des peintres
• Palette · Une couleur, tous ses codes

Tous les outils · English