Comment convertir une couleur
- Cliquez sur le carré de couleur pour en choisir une, ou saisissez-la dans le champ de texte.
- Vous pouvez la saisir en HEX (#1e90ff), en rgb(), en hsl() ou avec son nom anglais.
- Regardez la couleur dans l'aperçu et ses équivalents en HEX, RGB, HSL et CMYK.
- Copiez le format dont vous avez besoin et vérifiez le contraste avec du texte blanc ou noir.
À quoi ça sert
Les designers et les développeurs passent souvent une couleur d'un format à un autre : le HEX d'une palette, le rgb() d'une feuille de style, le HSL pour créer des variantes plus claires ou plus foncées. Cet outil le fait en une seule étape.
Il calcule aussi le contraste de la couleur avec du texte blanc et du texte noir, selon les règles d'accessibilité WCAG : 4,5 pour 1 pour le niveau AA et 7 pour 1 pour le niveau AAA avec du texte normal.
Le CMYK est une conversion simple, utile comme référence ; pour l'impression professionnelle, mieux vaut utiliser le profil colorimétrique de votre logiciel de création.
À savoir
- Le CMYK est calculé avec la formule standard à partir du RGB, sans profil colorimétrique : il peut donc différer du rendu imprimé.
- Les noms de couleurs fonctionnent en anglais (red, tomato, navy…).
- Le sélecteur natif peut avoir un aspect différent selon le navigateur et l'appareil.
Questions fréquentes
Comment passer du HEX au RGB ?
Saisissez le HEX (par exemple #1e90ff) et l'outil affiche instantanément le rgb() équivalent, ainsi que le HSL et le CMYK.
Qu'est-ce que le contraste WCAG ?
C'est une mesure de la lisibilité d'un texte sur un fond. Un rapport de 4,5 pour 1 correspond au niveau AA et de 7 pour 1 au niveau AAA, pour du texte normal.
Les couleurs avec transparence sont-elles acceptées ?
Oui : vous pouvez saisir #rrggbbaa, rgba() ou hsla() et elles s'affichent aussi avec leur transparence.
Des données sont-elles envoyées à un serveur ?
Non. Tout est calculé dans votre navigateur.
Est-ce gratuit ?
Oui, c'est gratuit, sans inscription, et cela fonctionne directement dans le navigateur.