Un accord de couleurs peut être harmonieux mais difficile à lire. Ce testeur compare une couleur de texte et une couleur de fond pour vérifier la lisibilité avant publication.
Ratio0:1
Lecture
—
Conseil
Pour un long texte, privilégiez un contraste franc.
À tester
Mobile, luminosité réelle et taille de police.
Ce calcul est un repère d’accessibilité pour l’écran. Il ne remplace pas un test utilisateur, surtout pour les petits textes et les interfaces importantes.
Associez-le à un texte suffisamment sombre : noir doux, bleu nuit, brun foncé ou gris anthracite.
Utilisez un texte très clair, mais évitez les couleurs saturées qui vibrent visuellement.
Une couleur vive peut servir aux boutons ou pictogrammes, pas forcément au texte long.
Testez la palette avec les vraies tailles de texte, pas seulement avec de grands aplats.
Ces combinaisons donnent une idée du type d’écart nécessaire entre le texte et le fond. Elles restent à vérifier dans le contexte exact : taille du texte, graisse, écran, luminosité et usage mobile.
| Texte | Fond | Effet | Usage |
|---|---|---|---|
| Noir doux | Écru | Sobre et très lisible | Article, fiche, menu. |
| Blanc | Bleu pétrole | Contraste fort | Bouton, bandeau, titre. |
| Bleu nuit | Champagne | Élégant et lisible | Carte, invitation, branding. |
Un pastel peut être agréable en aplat, mais trop pâle pour du texte ou une icône fine.
Deux teintes saturées peuvent vibrer visuellement et fatiguer la lecture.
Le contraste varie selon la zone de l’image. Ajoutez un voile ou un bloc de fond si nécessaire.
Une graisse très légère demande plus de contraste qu’un titre épais.