Le calculateur de pourcentage de contraste est un outil conçu pour mesurer la différence de luminosité ou de luminance entre deux zones, communément appelées zones plus claires et plus sombres. Ce calcul est essentiel dans des domaines tels que la conception, la photographie, le développement d'interfaces utilisateur et les tests d'accessibilité, où la compréhension et l'optimisation du contraste peuvent améliorer la visibilité, la lisibilité et l'expérience utilisateur globale. En déterminant le pourcentage de contraste, les utilisateurs peuvent s'assurer la conformité avec des normes visuelles et améliorer la qualité du contenu visuel.
Formule de calcul du pourcentage de contraste
Le pourcentage de contraste est calculé à l'aide de la formule :
Composants de la formule détaillée
- L1 (Luminance de la zone la plus lumineuse):
- La luminance ou luminosité de la zone la plus claire, exprimée en unités telles que les candelas par mètre carré (cd/m²).
- L2 (Luminance de la zone la plus sombre):
- La luminance ou luminosité de la zone la plus sombre, exprimée dans les mêmes unités que L1.
Notes:
- L1 doit toujours être supérieur ou égal à L2 pour que la formule soit valide.
- Le résultat est exprimé en pourcentage, indiquant le degré de contraste.
Pourcentages de contraste précalculés
Le tableau suivant fournit quelques valeurs de luminance courantes et leurs pourcentages de contraste correspondants pour une référence rapide. Ces valeurs peuvent aider les utilisateurs sans avoir à calculer manuellement chaque fois.
| Luminance de la zone la plus claire (L1) | Luminance de la zone sombre (L2) | Pourcentage de contraste (%) |
|---|---|---|
| 100 cd / m² | 50 cd / m² | 50% |
| 100 cd / m² | 25 cd / m² | 75% |
| 100 cd / m² | 10 cd / m² | 90% |
| 200 cd / m² | 50 cd / m² | 75% |
| 200 cd / m² | 20 cd / m² | 90% |
| 300 cd / m² | 100 cd / m² | 66.67% |
Exemple de calculateur de pourcentage de contraste
Calculons le pourcentage de contraste pour un cas spécifique.
Scénario:
Une page Web contient du texte avec une luminance de 150 cd/m² sur un arrière-plan avec une luminance de 50 cd/m².
En utilisant la formule : Pourcentage de contraste = [(L1 - L2) / L1] × 100
En remplaçant les valeurs : Pourcentage de contraste = [(150 - 50) / 150] × 100 = (100 / 150) × 100 = 66.67 %
Ainsi, le pourcentage de contraste dans cet exemple est 66.67%.
FAQ les plus courantes
Le pourcentage de contraste permet de distinguer le texte et les éléments visuels de leur arrière-plan, améliorant ainsi la lisibilité et l'accessibilité. Il est essentiel pour les utilisateurs malvoyants ou daltoniens.
Le pourcentage de contraste exprime la différence de luminosité sous forme de pourcentage, tandis que le rapport de contraste compare les valeurs de luminance dans un format de rapport (par exemple, 4:1). Les deux méthodes servent aux évaluations d'accessibilité mais s'appliquent différemment.
Oui, de nombreux outils et logiciels en ligne, y compris des plugins d'accessibilité et des applications autonomes, fournissent automatique calculs du pourcentage de contraste basés sur les valeurs de luminance d'entrée.