Explosion Tools

Verificateur de Contraste des Couleurs

Verifiez les ratios de contraste WCAG pour la conformite en accessibilite. Gratuit, sans inscription, fonctionne dans votre navigateur.

Large Text (24px)

Normal text (16px) — The quick brown fox jumps over the lazy dog.

Small text (14px) — Pack my box with five dozen liquor jugs.

14.63:1

Contrast Ratio

✓AA Normal Text

Requires 4.5:1

✓AA Large Text

Requires 3:1

✓AAA Normal Text

Requires 7:1

✓AAA Large Text

Requires 4.5:1

Contrast ratios are calculated using the WCAG 2.1 relative luminance formula. All processing happens in your browser.

À propos de Verificateur de Contraste des Couleurs

Ce verificateur de contraste calcule le ratio de luminance entre une couleur de premier plan et une couleur d'arriere-plan, et indique si la combinaison satisfait les exigences WCAG 2.1 AA et AAA. Utilisez-le pour verifier que vos couleurs de texte sont lisibles pour les personnes malvoyantes ou daltoniennes. L'outil suggere aussi la couleur conforme la plus proche quand votre paire actuelle echoue.

Questions fréquentes

Qu'est-ce qu'un ratio de contraste des couleurs ?
Un ratio de contraste mesure la difference de luminance entre deux couleurs. Il varie de 1:1 (aucun contraste, meme couleur) a 21:1 (contraste maximum, noir sur blanc). Les directives WCAG exigent des ratios minimaux pour la lisibilite du texte.
Quel ratio de contraste est requis pour la conformite WCAG ?
Le WCAG AA exige 4.5:1 pour le texte normal et 3:1 pour le grand texte (18pt+ ou 14pt+ gras). Le WCAG AAA exige 7:1 pour le texte normal et 4.5:1 pour le grand texte.
Qu'est-ce qui est considere comme du grand texte ?
Le grand texte est defini comme 18pt (24px) et plus en graisse normale, ou 14pt (18.66px) et plus en gras. Le grand texte a des exigences de contraste plus basses car il est plus facile a lire.
Comment corriger un contraste insuffisant ?
Si vos couleurs echouent aux verifications de contraste, essayez d'assombrir la couleur sombre ou d'eclaircir la couleur claire. L'outil suggere automatiquement la couleur conforme la plus proche.

Outils similaires

Hex to RGB Converter

Convert hex color codes to RGB, HSL, and more

Image Color Picker

Upload an image and click to extract color codes

RGB to HSL Converter

Convert RGB color values to HSL format

HSL to Hex Converter

Convert HSL color values to HEX format

CSS Gradient Generator

Create beautiful CSS gradients with a visual editor and copy the code

Color Mixer

Mix two colors together at any ratio. See the blended result with hex, RGB, and HSL values plus a full gradient preview.