Color

Convertissez des couleurs entre HEX, RGB et HSL avec un sélecteur en direct. Vérifiez les rapports de contraste WCAG AA/AAA pour l'accessibilité. Gratuit, instantané, entièrement côté client.

Un convertisseur de couleurs en ligne et gratuit qui traduit les couleurs entre HEX, RGB et HSL avec un sélecteur en direct, ainsi qu'un vérificateur de contraste WCAG intégré qui indique la réussite/l'échec AA et AAA pour toute paire de premier plan et d'arrière-plan. Saisissez une couleur dans n'importe quel format pris en charge et obtenez instantanément les autres, ajustez-la visuellement avec le sélecteur et copiez la valeur exacte dont votre CSS a besoin. Le vérificateur de contraste transforme l'accessibilité de la conjecture en un résultat clair : il affiche le rapport de contraste et si votre combinaison de texte et d'arrière-plan atteint les seuils WCAG pour le texte normal et le grand texte. Tout s'exécute dans votre navigateur.

Utilisations courantes

  • Convertir une couleur de marque HEX en RGB ou HSL pour l'utiliser en CSS.
  • Vérifier si les couleurs de texte et d'arrière-plan atteignent le contraste WCAG AA pour l'accessibilité.
  • Ajuster une couleur avec le sélecteur et copier la valeur dans le format dont vous avez besoin.
  • Vérifier que les paires de couleurs d'un système de design réussissent le niveau AAA avant la mise en production.
  • Traduire la valeur HSL d'un designer en le HEX que votre base de code attend.

Questions fréquentes

Entre quels formats de couleur peut-il convertir ?

HEX, RGB et HSL. Saisissez une couleur dans l'un de ces formats et il la convertit vers les autres.

Quels niveaux de contraste vérifie-t-il ?

Il indique le rapport de contraste et si la paire réussit WCAG AA et AAA pour le texte normal comme pour le grand texte.

Quel rapport de contraste me faut-il pour réussir WCAG ?

WCAG AA exige au moins 4.5:1 pour le texte normal et 3:1 pour le grand texte ; AAA exige respectivement 7:1 et 4.5:1. Le vérificateur affiche le rapport et la réussite/l'échec pour chacun.

Quelle est la différence entre HEX, RGB et HSL ?

Ils décrivent les mêmes couleurs différemment : HEX et RGB spécifient les canaux rouge/vert/bleu, tandis que HSL utilise la teinte, la saturation et la luminosité — souvent plus facile pour ajuster une nuance à la main.

Mes données de couleur sont-elles téléversées quelque part ?

Non. La conversion et la vérification de contraste s'exécutent entièrement dans votre navigateur.

All processing is local — your data never leaves your browser.