La lisibilité du texte est quelque chose de primordiale pour un site ou une application. En modifiant les valeurs de teinte, de luminosité et de saturation, cet outil affiche et note la qualité du contraste du texte par rapport à son fond.Il faut savoir gérer le contraste de lisibilité car c’est un critère important pour les utilisateurs.
Très pratique lorsque vous voulez changer de l’habituelle texte noir sur fond blanc (ou vice versa).
Une fois vos réglages faits, vous pourrez copier les codes hexadécimaux des couleurs. Je vous conseille d’avoir une note de contraste supérieure à 10 (visible en haut à droite de l’écran). Si le contraste est vraiment trop faible le titre se change en “FAIL”, il est donc déconseillé d’utiliser les couleurs alors choisies.
DÉCOUVRIR COLORABLE
Exemple de composition texte / fond avec un bon contraste (12,32)
Exemple de composition texte / fond avec un mauvais contraste (1,22)
Ce site propose également une matrix de palette avec des compositions de couleurs différentes et modifiables, afin d’avoir une vue d’ensemble de plusieurs teintes de textes et de fonds.
Il vous donne également une note correspondant à la lisibilité sur les différents supports.
No Comments