Convertisseur de couleurs

Convertissez des couleurs entre HEX, RGB, HSL et OKLCH et vérifiez le contraste pour l’accessibilité (WCAG).

Traité sur votre appareil : votre fichier ne quitte pas votre ordinateur

Couleur (HEX, RGB, HSL, OKLCH ou nom CSS)

hex: #0f766e
rgb: rgb(15 118 110)
hsl: hsl(175.3 77.4% 26.1%)
oklch: oklch(51.09% 0.0861 186.39)

Contraste du texte

Couleur de fond

Texte d'exemple sur le fond

Contraste : 5,47:1

Taille du texte	AA	AAA
Texte normal	Conforme	Non conforme
Grand texte (18 pt, ou 14 pt en gras)	Conforme	Conforme

Contraste avec le blanc : 5,47:1 · avec le noir : 3,84:1

Ce que fait Convertisseur de couleurs

Le convertisseur de couleurs lit une couleur en HEX, RGB, HSL, OKLCH ou par son nom CSS et l’affiche dans tous ces formats, prête à copier dans votre CSS ou votre outil de design. Il calcule aussi le contraste de la couleur sur un fond selon les règles WCAG 2 et indique si elle respecte les niveaux AA et AAA pour le texte normal et le grand texte, pour que vos textes restent lisibles.

Limites

Un traitement qui dure plus de 1 minute est arrêté pour ne pas bloquer votre appareil.
Traité dans votre navigateur : vos fichiers ne sont jamais envoyés sur un serveur.

Questions fréquentes

À quoi sert OKLCH ?

C’est une façon de décrire les couleurs par luminosité, chroma et teinte proche de notre perception. Elle facilite les palettes harmonieuses, et tous les navigateurs récents l’acceptent en CSS.

Quel contraste faut-il pour un texte ?

Le niveau AA demande au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte ; le niveau AAA, 7:1 et 4,5:1.

Accepte-t-il les couleurs transparentes ?

Oui : #RRGGBBAA, rgb(… / 0,5) et similaires. Pour le contraste, la couleur est fusionnée avec le fond comme le ferait le navigateur.