Contraste et accessibilité
Le rapport de contraste WCAG avec du texte blanc et noir indique lequel est lisible sur ce fond. Un texte normal demande 4,5:1 pour le niveau AA.
POUR LES DÉVELOPPEURS WEB
Le code reste sur votre appareil
Convertisseur de couleurs
Convertissez n’importe quelle couleur CSS entre HEX, RGB, HSL, HWB, OKLCH et CMJN, et vérifiez son contraste avec du texte blanc et noir.
1 Couleur
Traité dans votre navigateur. Rien n’est envoyé.
TROIS PETITES ÉTAPES
Comment convertir une couleur
-
01
Saisissez une couleur
Tapez ou collez un code HEX, une valeur rgb() ou hsl(), une couleur CSS moderne ou un nom comme teal.
-
02
Lisez les formats
La même couleur apparaît en HEX, RGB, HSL, HWB, OKLCH et CMJN à mesure que vous tapez, avec un aperçu.
-
03
Copiez ce qu’il vous faut
Copiez un seul format pour votre feuille de style, votre fichier de design ou votre charte graphique.
Bon à savoir
Le CMJN est une estimation
Les imprimeurs convertissent les couleurs avec un profil adapté à leur papier et à leurs encres. Prenez les valeurs CMJN comme point de départ et confirmez-les avec votre imprimeur.
Couleurs à large gamut
Les valeurs OKLCH et display-p3 peuvent décrire des couleurs que les écrans sRGB ne savent pas afficher. Ces couleurs sont ramenées dans la plage sRGB pour le HEX, le RGB, le HSL et le HWB.
QUESTIONS
Questions fréquentes
Comment convertir une couleur HEX en RGB ?
Collez une valeur HEX comme #2856c7 et lisez le résultat RGB. La même couleur est aussi affichée dans les autres espaces colorimétriques pris en charge. Vérifiez la valeur alpha lorsque vous convertissez une couleur avec transparence.
Pourquoi un code HEX a-t-il parfois huit chiffres ?
Les deux derniers chiffres stockent la transparence. #2856c780 est le même bleu à 50 % d’opacité.
Qu’est-ce que l’OKLCH ?
Un format de couleur CSS fondé sur la perception humaine de la luminosité, de la chromaticité et de la teinte. En ne changeant que sa luminosité, on obtient des nuances régulièrement espacées à l’œil.
Puis-je convertir les noms de couleurs CSS ?
Oui. Tous les noms de couleurs CSS fonctionnent, comme rebeccapurple ou teal, et l’outil affiche leur valeur HEX exacte.