Calculateur de rapport de contraste des couleurs
Comparer deux couleurs opaques sRGB, inspecter un aperçu du texte et vérifier les seuils de contraste WCAG 2,2 pour le texte normal et grand.
VOTRE CALCUL
Résultat
—
Étapes du calcul
Affichez les étapes une par une ou le calcul complet. Les étapes utilisent les valeurs que vous avez saisies.
Méthode de calcul
Convertir les canaux sRGB en lumière linéaire, calculer chaque luminance relative, puis diviser la luminance plus légère plus 0,05 par la luminance plus foncée plus 0,05 . Comparer le rapport non arrondi avec chaque seuil.
Contrast ratio=(lighter luminance+0.05)/(darker luminance+0.05)
Exemple détaillé
Noir sur blanc a rapport 21 : 1 . Couleurs identiques ont rapport 1 : 1 . # 336699 sur blanc est environ 5,998 : 1 .
Hypothèses et précisions sur les données
Opaque à trois ou six chiffres HEX sRGB seulement. Les seuils AA sont 4,5 : 1 pour le texte normal et 3 : 1 pour le texte volumineux; Les seuils AAA sont de 7 : 1 et 4,5 : 1 . Le texte gros signifie au moins 18 pt régulier ou 14 pt en gras. Les décisions de seuil utilisent le ratio non arrondi, même si la valeur affichée tourne vers le haut. Ceci vérifie la paire de couleurs spécifiée, pas la conformité complète d’accessibilité, gradients, transparence ou arrière-plans d’image. L’aperçu est illustratif; le rapport mathématique utilise les couleurs d’entrée.
Références : W3C contraste minimum · Luminance relative W3C
Utiliser ce calculateur
Puis-je saisir mes propres données ?
Oui. Remplacez les valeurs de l’exemple par vos propres données. Le résultat, les étapes, les tableaux et les diagrammes disponibles se mettent à jour. Une valeur vide ou invalide efface le résultat ; les valeurs de l’exemple ne remplacent jamais les données manquantes.
Les résultats sont-ils exacts ?
Les calculs utilisent des nombres à virgule flottante et les résultats affichés sont arrondis. Consultez la formule, les hypothèses et la précision des données indiquée avant d’interpréter le résultat.
Mes données sont-elles envoyées ?
Le calcul s’effectue dans votre navigateur. Aucun compte, envoi de fichier ou service d’IA externe n’est nécessaire. Les données saisies ne sont pas conservées après le rechargement de la page.
Convertir les codes de couleurs opaques sRGB entre HEX, entier RGB et HSL. Voir les valeurs de canaux non arrondis et la représentation HEX 8 -bit la plus proche.
Convertir les dimensions des pixels, les dimensions d’impression et les pixels par pouce. Trouvez la taille d’impression physique, les pixels entiers requis ou la résolution d’image efficace.
Saisissez une diagonale de l’écran et une résolution de pixel pour calculer la largeur active, la hauteur, le rapport d’aspect, la densité de pixel et la hauteur, avec un diagramme d’écran dimensionné.
Espace publicitaire réservé.