Convertisseur de couleurs
Convertissez une couleur entre HEX, RGB et HSL, choisissez-la à la pipette et vérifiez son contraste WCAG avec du texte blanc ou noir. Gratuit.
- Gratuit
- Sans inscription
- Aucun fichier envoyé
- Windows, Mac, Android, iPhone
Chargement de l'outil…
À propos de cet outil
Passez une couleur d'un format CSS à l'autre (HEX, RGB, HSL, transparence comprise) et vérifiez aussitôt si du texte blanc ou noir reste lisible dessus, selon les seuils d'accessibilité WCAG (AA et AAA).
Mode d'emploi
- Collez une couleur ou choisissez-la.
- Copiez le format voulu.
- Vérifiez le contraste avec le texte.
Problèmes fréquents et solutions
« Format non reconnu »
Écrivez la couleur comme en CSS : #3b82f6, rgb(59, 130, 246) ou hsl(217 91% 60%).
La couleur affichée diffère de mon logiciel
Les logiciels de graphisme utilisent parfois un profil colorimétrique autre que sRGB, celui du web.
Le contraste est insuffisant
Assombrissez ou éclaircissez la couleur (baissez la luminosité en HSL) jusqu'à atteindre 4,5:1.
Questions fréquentes
Qu'est-ce que le niveau AA ?
Un contraste d'au moins 4,5:1 pour le texte normal, exigé par les règles d'accessibilité WCAG. AAA demande 7:1.
Que signifient les 8 chiffres d'un code HEX ?
Les deux derniers indiquent l'opacité : #3b82f680 est la même couleur à 50 %.
Pourquoi utiliser HSL ?
Teinte, saturation et luminosité sont intuitives : on éclaircit une couleur en changeant un seul nombre.
La pipette lit-elle l'écran ?
Non, elle ouvre le sélecteur de couleur de votre système.
Recherches associées
Toujours bloqué ?
Posez votre question sur le forum : la catégorie, l'outil, la fiche de votre appareil et le résultat du test seront déjà remplis.