Comment convertir un code couleur RGB en hexadécimal (et l’inverse) ?

Tapez une valeur RGB comme rgb(46, 139, 87) et le champ HEX affiche aussitôt #2E8B57 — et inversement, un code hexadécimal renvoie la valeur RGB correspondante. Comme tous les formats restent synchronisés, la conversion fonctionne dans les deux sens sans étape supplémentaire.

Le convertisseur gère-t-il le code couleur CMJN pour l’impression ?

Oui. Les champs CMYK et CMYKA (CMJN en français) se mettent à jour à chaque changement d’un autre format et fournissent des valeurs cyan, magenta, jaune et noir prêtes pour l’impression. Notez que le CMJN dépend du périphérique : le rendu à l’écran et à l’impression peut légèrement différer.

Quelle est la différence entre un code couleur HTML et un code hexadécimal ?

Sur le web, le « code couleur HTML » désigne le plus souvent la notation hexadécimale (par exemple #2E8B57) utilisée en HTML et en CSS. Cet outil l’accepte telle quelle et la convertit vers RGB, HSL ou CMJN ; vous pouvez aussi partir du nom RGB et obtenir le code hexadécimal correspondant.

Outils couleur

Convertisseur de couleurs en ligne | Synchronisation RGB, HEX, HSL, HSV et CMYK

Convertissez un code couleur entre RGB, HEX, HSL, HSV et CMJN : modifiez une valeur et toutes les autres se synchronisent instantanément.

Synchronisation en directAucun envoi requis

Aperçu visuel

Utilisez l’échantillon, le sélecteur natif et le curseur alpha pour ajuster précisément la même couleur dans tous les formats.

Couleur d’aperçu

#3B82F6

rgba(59, 130, 246, 0.84)

Sélecteur de couleur

#3B82F6

Alpha

0.84

Canaux en direct

HEX

R: 59
G: 130
B: 246
A: 0.84

Conseil de saisie

Si un champ devient temporairement invalide pendant la saisie, la dernière couleur valide reste active. Terminez la valeur et les autres formats se resynchroniseront automatiquement.

Synchronisation en directAucun envoi requis

Éditeur bidirectionnel de formats de couleur

Tous les formats ci-dessous sont modifiables. Si vous changez HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK ou CMYKA, les autres modèles de couleur restent immédiatement synchronisés.

HEX

source

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Explication

RGB

RGB est un modèle de couleur standard basé sur les canaux rouge (R), vert (G) et bleu (B). En ajustant l’intensité de ces trois canaux, RGB peut représenter la majorité des couleurs visibles sur écran. C’est l’un des systèmes colorimétriques les plus utilisés dans le numérique.

RGBA

RGBA est RGB avec un canal alpha pour la transparence. R, G et B utilisent généralement des valeurs de 0 à 255, tandis que A est souvent exprimé de 0 à 1 ou de 0% à 100%. Ce format est fréquent en CSS lorsqu’une même couleur doit avoir plusieurs niveaux d’opacité.

HEX

HEX est une représentation hexadécimale des couleurs. Elle est très utilisée en web et en CSS car elle est compacte et facile à copier. Une valeur comme #2E8B57 encode le rouge, le vert et le bleu par paires hexadécimales, et les variantes étendues peuvent aussi inclure la transparence.

HSL

HSL (teinte, saturation, luminosité) représente les couleurs RGB dans un système cylindrique. H indique la famille de couleur, S la pureté de la couleur, et L contrôle la luminosité. 0% est le plus sombre, 50% est équilibré et 100% le plus clair.

HSLA

HSLA est la version HSL avec canal alpha. Elle conserve la teinte, la saturation et la luminosité tout en ajoutant la transparence, ce qui la rend utile pour les ombres, les superpositions, les remplissages semi-transparents et les états d’interface.

HSV

HSV (teinte, saturation, valeur) est un espace colorimétrique créé par A. R. Smith en 1978, aussi appelé Hexcone Model. Comme la valeur décrit directement la luminosité perçue, HSV est souvent plus intuitif pour choisir une couleur.

HSVA

HSVA étend HSV avec un canal alpha. C’est pratique lorsque vous souhaitez utiliser le modèle teinte, saturation, valeur tout en décrivant l’opacité pour des interfaces ou des graphiques en couches.

CMYK

CMYK est un mode colorimétrique utilisé pour l’impression. Les supports imprimés dépendent de la lumière réfléchie pour être visibles, ce qui convient aux journaux, emballages et brochures. Contrairement au RGB des écrans, le CMYK est conçu pour l’encre sur papier.

CMYKA

CMYKA étend le CMYK avec un canal alpha. C’est utile pour décrire des valeurs cyan, magenta, jaune et noir avec la transparence lors d’un passage de fichiers design ou pour des ressources en couches.

Comment utiliser le convertisseur de couleurs en ligne

Collez ou saisissez une valeur dans n’importe quel champ, par exemple HEX, RGB, RGBA, HSL, HSV ou CMYK.

Dès que la valeur est valide, l’outil la convertit automatiquement vers tous les autres formats pris en charge.

Utilisez l’aperçu, le sélecteur de couleur, le curseur alpha et les actions de copie pour affiner puis exporter la couleur exacte dont vous avez besoin.

Fonctionnalités clés

Synchronisation bidirectionnelle des formats

Modifiez n’importe quel format pris en charge et gardez RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK et CMYKA synchronisés en temps réel.

Contrôles visuels des couleurs

Visualisez immédiatement la couleur actuelle grâce à l’échantillon en direct, au sélecteur du navigateur, au curseur alpha et à l’affichage des canaux.

Conversion côté navigateur

Chaque champ accepte une syntaxe familière, et toute la conversion se fait dans le navigateur pour rester rapide et privée.

FAQ du convertisseur de couleurs

Puis-je modifier n’importe quel format de couleur et mettre à jour tous les autres ?

Oui. Le convertisseur synchronise dans les deux sens. Si vous modifiez RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK ou CMYKA, les autres formats se mettent à jour dès que la valeur devient valide.

Comment la transparence est-elle gérée pendant la conversion ?

HEX est affiché sans alpha, car la page se concentre sur les formats demandés. La transparence est conservée dans RGBA, HSLA, HSVA et CMYKA, et l’aperçu reflète toujours l’opacité actuelle.

Ce convertisseur de couleurs est-il privé ?

Non. Toute la logique de conversion s’exécute localement dans votre navigateur, donc vos valeurs de couleur ne sont pas envoyées à un serveur.

Ce convertisseur de couleurs en ligne traduit n’importe quel code couleur entre HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK (CMJN) et CMYKA au même endroit. Saisissez une valeur dans un seul champ — par exemple un code hexadécimal #2E8B57 ou rgb(46, 139, 87) — et tous les autres formats se calculent instantanément dans les deux sens. Un aperçu en direct, un sélecteur de couleur natif et un curseur alpha permettent d’ajuster la teinte et l’opacité. Tout se passe dans votre navigateur : aucune valeur de couleur n’est envoyée à un serveur.

Comment utiliser le convertisseur de couleurs

1
Saisissez un code couleur
Collez ou tapez une valeur dans un seul champ : un code hexadécimal comme #2E8B57, rgb(46, 139, 87) en RGB ou hsl(146, 50%, 36%) en HSL.
2
Observez la synchronisation de tous les formats
Dès que la valeur est valide, l’outil la convertit simultanément vers tous les autres formats pris en charge : RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK (CMJN) et CMYKA.
3
Ajustez la couleur
Servez-vous de l’échantillon en direct, du sélecteur de couleur natif et du curseur alpha pour régler la teinte et l’opacité, ou cliquez sur Aléatoire pour explorer de nouvelles couleurs.
4
Copiez ou exportez
Cliquez sur un champ pour copier sa valeur, ou utilisez Tout copier pour récupérer chaque format d’un coup dans votre CSS, vos fichiers de design ou votre code.

Références

W3C — CSS Color Module Level 4
La spécification du W3C qui définit les formats de couleur CSS, dont hex, rgb(), hsl(), hwb() et la syntaxe colorimétrique moderne.
MDN — Valeur CSS <color>
La référence MDN qui couvre toutes les notations de couleur en CSS, y compris HEX, RGB/RGBA, HSL/HSLA et le fonctionnement de la transparence alpha.

Outils associés

CSS Minifier

Minifiez le CSS qui utilise vos codes couleur HEX, RGB et HSL convertis.

SVG Viewer

Affichez et inspectez des graphiques SVG dont les couleurs de remplissage et de contour dépendent de ces valeurs.

Image to Base64

Encodez des images en Base64 pour les intégrer en ligne aux côtés de vos styles de couleur.

JSON Formatter

Mettez en forme et validez le JSON qui stocke vos palettes de couleurs et vos design tokens.

Questions fréquentes

Comment convertir un code couleur RGB en hexadécimal (et l’inverse) ?: Tapez une valeur RGB comme rgb(46, 139, 87) et le champ HEX affiche aussitôt #2E8B57 — et inversement, un code hexadécimal renvoie la valeur RGB correspondante. Comme tous les formats restent synchronisés, la conversion fonctionne dans les deux sens sans étape supplémentaire.
Puis-je modifier n’importe quel format de couleur et mettre à jour tous les autres ?: Oui. Le convertisseur synchronise dans les deux sens. Si vous modifiez RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK ou CMYKA, les autres formats se mettent à jour dès que la valeur devient valide.
Le convertisseur gère-t-il le code couleur CMJN pour l’impression ?: Oui. Les champs CMYK et CMYKA (CMJN en français) se mettent à jour à chaque changement d’un autre format et fournissent des valeurs cyan, magenta, jaune et noir prêtes pour l’impression. Notez que le CMJN dépend du périphérique : le rendu à l’écran et à l’impression peut légèrement différer.
Quelle est la différence entre un code couleur HTML et un code hexadécimal ?: Sur le web, le « code couleur HTML » désigne le plus souvent la notation hexadécimale (par exemple #2E8B57) utilisée en HTML et en CSS. Cet outil l’accepte telle quelle et la convertit vers RGB, HSL ou CMJN ; vous pouvez aussi partir du nom RGB et obtenir le code hexadécimal correspondant.
Comment la transparence est-elle gérée pendant la conversion ?: HEX est affiché sans alpha, car la page se concentre sur les formats demandés. La transparence est conservée dans RGBA, HSLA, HSVA et CMYKA, et l’aperçu reflète toujours l’opacité actuelle.
Ce convertisseur de couleurs est-il privé ?: Oui. Aucune donnée ne quitte votre appareil : toute la logique de conversion s’exécute localement dans votre navigateur, donc vos codes couleur ne sont jamais envoyés à un serveur.