Outils couleur
Tout reste sur votre appareil.Rien n'est jamais envoyé - toute la conversion se fait sur votre appareil.
Vérificateur de contraste
Contre le blanc
AA (texte normal)
5.17:1RéussiAA (grand texte)
5.17:1RéussiAAA (texte normal)
5.17:1ÉchouéAAA (grand texte)
5.17:1RéussiContre le noir
AA (texte normal)
4.06:1ÉchouéAA (grand texte)
4.06:1RéussiAAA (texte normal)
4.06:1ÉchouéAAA (grand texte)
4.06:1ÉchouéNuances
Convertissez entre HEX, RGB et HSL, vérifiez le contraste WCAG, et générez une gamme de teintes, entièrement dans votre navigateur.
Cet outil convertit une couleur entre les notations HEX, RGB et HSL, vérifie son ratio de contraste WCAG par rapport au texte blanc et noir, et génère une gamme de teintes du foncé au clair - tout est calculé localement dans votre navigateur pendant que vous tapez.
Questions fréquentes
Que signifient les niveaux WCAG AA et AAA ?
Ce sont des seuils de contraste d'accessibilité issus des Web Content Accessibility Guidelines : AA exige au moins un contraste de 4,5:1 pour le texte normal (3:1 pour le grand texte, 18pt+ ou 14pt+ en gras), et le plus strict AAA exige 7:1 pour le texte normal (4,5:1 pour le grand texte). Respecter AA est la référence courante pour un texte accessible.
Pourquoi HEX/RGB/HSL peuvent-ils donner une valeur légèrement différente après un aller-retour ?
HSL stocke la teinte, la saturation et la luminosité sous forme de nombres entiers arrondis, donc convertir du RGB vers le HSL puis inversement peut décaler un canal d'un point ou deux à cause de l'arrondi - c'est normal et cela se produit avec tout outil de couleur prenant en charge le HSL.
Comment la gamme de teintes est-elle générée ?
En gardant fixes la teinte et la saturation de la couleur et en ne faisant varier que sa luminosité dans l'espace HSL, du presque noir au presque blanc. C'est une gamme simple et prévisible plutôt que perceptuellement uniforme (ce qui nécessiterait un espace colorimétrique plus complexe), comme le proposent la plupart des outils de couleur courants.