Calculateur de rapport de contraste

Calculez le rapport de contraste pour l’accessibilité et la conformité de la conception.

Color Pickers

Foreground Text

Background

Preview

Headline Text

This is a sample paragraph to test readability. Accessibility in design ensures that everyone, including people with vision loss, can access your content.

WCAG Compliance

Contrast Ratio

4.85:1

AA Normal

Small text (<18pt) (Min 4.5:1)

AA Large

Bold/Large text (>18pt) (Min 3.0:1)

AAA Normal

Highest accessibility (Min 7.0:1)

AAA Large

Enhanced for large text (Min 4.5:1)

Good! This meets standard accessibility for most web content.

Overview

Le rapport de contraste mesure la différence de luminance entre le texte et l'arrière-plan. Les directives d'accessibilité WCAG exigent un minimum de 4,5:1 pour le texte normal et de 3:1 pour le texte volumineux. Indispensable pour une conception lisible et accessible.

💡

Pro Tips

The WCAG (Web Content Accessibility Guidelines) are the gold standard for web accessibility.
Level AA is the standard requirement for most websites.
Large text is defined as 18pt (roughly 24px) or larger, or 14pt (roughly 18.5px) and bold.
Avoid using color as the only way to convey meaning, as users with color blindness may not perceive the difference.

Fun Facts

Formula: Contraste = (L1 + 0,05) / (L2 + 0,05) où L = luminance relative

Used with this

Similar tools that might be useful

Score d'acte

Calculez le score de l'acte.

Convertisseur ASCII

Convertissez le texte en codes ASCII et inversement. Utile pour la programmation et l'encodage des données.

Calculateur de taux d'acceptation

Calculez les taux d’acceptation à partir des données de candidature et d’admission. Visualisez la sélectivité avec des graphiques.