Foncer le bleu #6FA8FF pour un texte lisible
Trouvez le bleu le plus proche de #6FA8FF qui atteint 4,5 : 1 sur fond blanc, en conservant la teinte.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Rapport actuel
- 2,4 : 1
- Couleur ajustée
- #0E6DFF
- Nouveau rapport
- 4,51 : 1
- Changement de luminosité
- assombri de 19 points
Le cas en détail
Un bleu clair est sympathique en décor, mais difficile à lire en texte. L'ajustement réduit la luminosité en gardant la teinte et la saturation : le bleu reste reconnaissable, mais assez foncé pour être lu.
À retenir : Gardez la version claire pour les fonds et les bordures, la version ajustée pour le texte et les liens.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur du texte (hexadécimal) : « #6FA8FF »
- Couleur du fond (hexadécimal) : « #FFFFFF »
- Contraste visé : 4,5 : 1 (texte normal, AA)
- Rapport actuel
- 2,4 : 1
- Couleur ajustée
- #0E6DFF
- Nouveau rapport
- 4,51 : 1
- Changement de luminosité
- assombri de 19 points
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
La couleur est convertie en teinte, saturation et luminosité. Seule la luminosité varie, par pas de 0,1 point, dans les deux sens. L'outil retient la plus petite variation qui atteint le rapport visé, calculé avec la formule de contraste WCAG.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.