La couleur doit être comprise entre #000000 et #FFFFFF
ou entre rgb(0,0,0) et rgb(255,255,255)

Aide

Premier plan : couleur du texte

C'est la couleur du texte. Vous pouvez remplir ce champ avec un nom de couleur CSS, une valeur hexadécimale, ou une valeur RGB. La valeur saisie est alors prévisualisée à droite du champ.

Couleur par mots-clés

Exemple : Black, Silver, YellowGreen, MediumPurple.
Les valeurs autorisées sont les noms des couleurs utilisables en CSS 3.

Couleur en hexadécimale

Exemple : #AABBCC. Notez que #ABC fonctionne également, nous complétons automatiquement le champ avec #AABBCC. Vous pouvez également utiliser ce champ sans le caractère #, ainsi FFF ou FFFFFF fonctionnent parfaitement.

Couleur en RGB

Exemple : rgb(255,255,255).
De la même manière, 255,255,255 fonctionne également, nous remplaçons la valeur de ce champ par rgb(255,255,255).

Arrière-plan : couleur du fond

C'est la couleur d'arrière-plan.
Ce champ fonctionne comme le champ couleur du texte.

Ratio minimum

Trois valeurs possibles : 3, 4.5 et 7.

Comment choisir un ratio ? Cela dépend des éléments suivants :

Niveau AA

Deux éléments (la taille et la graisse du texte) donnent 4 combinaisons :

Niveau AAA

Pour le niveau AAA, la logique est la même avec une augmentation de la valeur des ratios :

Informations complémentaires sur le contraste pour l'accessibilité

En complément, toutes les informations détaillées (en français et en anglais) sur le rapport de contraste entre le texte et son arrière-plan :

Couleur à modifier

Il s'agit de la couleur du texte ou de la couleur du fond. Par défaut, c'est la couleur du texte.

La couleur que vous choisissez sera modifiée jusqu'à ce que l'outil trouve une couleur valide. L'autre couleur ne changera pas.

Les 2 algorithmes

Une question ?

Si vous avez des questions ou des remarques sur Contrast-Finder, contactez-nous :