Ajuster une couleur de texte pour atteindre le niveau AA
Votre gris est trop pâle, mais vous voulez garder sa teinte. L'outil l'assombrit ou l'éclaircit petit à petit jusqu'à atteindre le rapport de contraste visé.
- Rapport actuel
- 3,45 : 1
- Couleur ajustée
- #767676
- Nouveau rapport
- 4,54 : 1
- Changement de luminosité
- assombri de 7,7 points
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.
Questions fréquentes
Pourquoi garder la teinte ?
Pour respecter l'identité visuelle : seule la luminosité change, la couleur reste reconnaissable.
Et si aucun réglage ne fonctionne ?
Sur un fond de luminosité moyenne, certaines cibles sont impossibles avec une teinte donnée. Changez alors de fond ou de teinte.
Cas fréquents
Des exemples déjà remplis, avec leur explication :
- Assombrir le gris #8A8A8A pour atteindre AA
- Foncer le bleu #6FA8FF pour un texte lisible
- Foncer un orange pour atteindre le niveau AAA
- Éclaircir un gris sur fond sombre
Intégrer cet outil sur votre site
Les résultats sont fournis à titre indicatif. Pour aller plus loin, découvrez les sites de la catégorie Octets de bureau de l'annuaire et lisez le guide de cette catégorie.
Autres outils
- ~Dégradé entre deux couleurs en plusieurs étapesCouleurs intermédiaires d'un dégradé linéaire
- bppProfondeur de couleur et nombre de couleursBits par pixel et couleurs distinctes d'un format
- KoPoids total d'une page par type de ressourceAdditionner HTML, CSS, JS, images et polices
- jpgPoids d'une image après compressionEstimer le poids final selon dimensions et rapport saisi
- 2xDimensions d'image pour écrans haute densitéPixels à fournir pour un affichage net en 2x ou 3x
- msTemps de chargement d'une page selon le débitDurée estimée avec poids, débit, latence et requêtes