Convertisseur de couleur
Convertir des couleurs entre HEX, RGB et HSL.
Vos fichiers restent sur votre appareil
Cet outil traite tout localement dans votre navigateur. Rien n’est envoyé sur un serveur.
📝 À propos de l’outil Convertisseur de couleur
Le Convertisseur de couleur prend un code couleur HEX et affiche instantanément les valeurs RGB et HSL équivalentes, chacune avec son propre bouton « Copier ». Vous pouvez saisir un code à six chiffres comme #ff3a73 dans le champ de texte ou choisir une couleur visuellement avec le sélecteur de couleur ; les résultats se mettent à jour au fur et à mesure.
Les trois formats décrivent la même couleur de manières différentes. HEX regroupe le rouge, le vert et le bleu dans une chaîne compacte, courante en CSS et dans les outils de design. RGB indique ces trois canaux sous forme de nombres de 0 à 255, ce qui est pratique pour le code et la retouche d’images. HSL exprime la teinte sous forme d’angle de 0 à 360 degrés, ainsi que la saturation et la luminosité en pourcentages, ce qui permet de créer facilement des variantes plus claires, plus foncées ou plus douces d’une couleur de marque en ajustant un seul nombre.
Le champ de texte accepte les codes HEX à six chiffres ; une notation abrégée à trois chiffres comme #f00 doit d’abord être développée en #ff0000. Les valeurs HSL sont arrondies à l’entier. Toutes les conversions sont calculées dans votre navigateur.
📘 Mode d’emploi
- 1
Saisissez ou choisissez une couleur
Saisissez un code HEX à six chiffres dans le champ de texte, ou cliquez sur l’échantillon de couleur pour en choisir une visuellement.
- 2
Lisez les conversions
Les lignes HEX, RGB et HSL se mettent à jour automatiquement pour afficher la même couleur dans chaque format.
- 3
Copiez une valeur
Cliquez sur le bouton « Copier » à côté du format souhaité et collez la valeur dans votre CSS ou votre outil de design.
❓ FAQ
Puis-je saisir un code HEX à trois chiffres comme #fff ?
Le convertisseur attend six chiffres : développez la notation abrégée en doublant chaque chiffre, par exemple #fff devient #ffffff.
La transparence (alpha) est-elle prise en charge ?
Non. L’outil ne convertit que des couleurs opaques : les codes HEX à huit chiffres avec alpha, RGBA et HSLA ne sont pas pris en charge.
Le symbole # est-il nécessaire ?
Non. Le # est facultatif lors de la saisie, et les résultats RGB et HSL s’affichent dans tous les cas.
Quand HSL est-il plus utile que RGB ?
HSL est pratique lorsque vous voulez ajuster une couleur de façon intuitive, par exemple l’éclaircir en augmentant la luminosité ou créer une palette en conservant la même teinte.