#9810FA sur #E5E7EB: 4.47:1
#9810FA sur #E5E7EB : rapport de contraste 4.47:1 et APCA Lc 61. Résultats WCAG 2.2 AA et AAA pour le texte normal, le grand texte et l’interface, et la couleur de texte ou de fond accessible la plus proche via la luminosité OKLCH.
Aperçu
Exemple de grand titre
Portez ce vieux whisky au juge blond qui fume
#9810FA sur #E5E7EB
Rapport de contraste WCAG 2.2: 4.47:1
WCAG 2.2 utilise la même formule de contraste que 2.1. Les rapports sont tronqués à deux décimales, jamais arrondis au-dessus.
| Type de texte | AA | AAA |
|---|---|---|
| Texte normal | ✗ Échec | ✗ Échec |
| Grand texte (24 px et plus, ou 18,66 px en gras) | ✓ Réussi | ✗ Échec |
| Composants d’interface et graphiques | ✓ Réussi | s. o. |
Contraste de luminosité APCA: Lc 61
Lc 61. Le texte courant demande environ Lc 75+, le grand texte et l’interface environ Lc 45+. Positif : texte sombre sur fond clair ; négatif : texte clair sur fond sombre.
Corrections via la luminosité OKLCH
La correction conserve la teinte et la chroma et ne déplace que la luminosité OKLCH vers le palier le plus proche qui atteint l’objectif pour le texte normal : la couleur reste reconnaissable. C’est la même logique que le bouton Fix du studio.
Corriger la couleur du texte
- #8C00EC sur #E5E7EB →
AA: #8C00EC → 5.09:1
oklch(0.518 0.288 302.3) · ΔL −0.04 · écrêtée dans sRGB
- #6A00C1 sur #E5E7EB →
AAA: #6A00C1 → 7.11:1
oklch(0.398 0.288 302.3) · ΔL −0.16 · écrêtée dans sRGB
Corriger l’arrière-plan
- #9810FA sur #F2F4F8 →
AA: #F2F4F8 → 5.03:1
oklch(0.968 0.006 264.5) · ΔL +0.04
- Aucune luminosité de cette couleur n’atteint AAA face à l’autre couleur. Changez la teinte ou la chroma, ou choisissez une autre couleur.
#9810FA = oklch(0.558 0.288 302.3) · #E5E7EB = oklch(0.928 0.006 264.5)