Convertissez les codes couleur hexadécimaux en triplets RGB et inversement — instantané, avec prise en charge des formes courtes à 3 et 6 chiffres, 100% local.
Traité localement dans votre navigateur
RGB
—
Hex
—
Remplissez l’un des deux champs — le hex se convertit en RGB, le RGB en hex. Quand les deux sont remplis, le hex l’emporte. La forme courte à 3 chiffres (#fff) s’étend à 6 chiffres (#ffffff).
Le convertisseur hex vers RGB traduit entre les deux notations de couleur que tout développeur front-end rencontre : les codes hex comme #3498db et les triplets rgb(52, 152, 219). Saisissez ou collez l’une ou l’autre forme et l’outil remplit l’autre — le hex à 6 chiffres devient ses trois valeurs de canal, et un triplet séparé par des virgules ou des espaces devient son code hex. Le convertisseur accepte la forme courte à 3 chiffres (#fff s’étend en #ffffff), le # initial facultatif, les chiffres en majuscules ou minuscules, et même la syntaxe complète de la fonction rgb(52, 152, 219), de sorte que les valeurs copiées depuis un inspecteur de navigateur, un outil de design ou une maquette fonctionnent telles quelles. La validation est stricte sur ce qui peut être une couleur : les chiffres hex doivent être valides et chaque canal RGB doit être un entier de 0 à 255 — un triplet comme 300, 0, 0 est rejeté avec un message clair au lieu d’être silencieusement arrondi ou tronqué. Quand les deux champs sont remplis, le hex l’emporte, donc la précédence est prévisible et documentée plutôt que surprenante. La conversion est de l’arithmétique pure sur les valeurs de canal — rien n’est approximé, et rien de ce que vous saisissez n’est envoyé, journalisé ou stocké. Utilisez cet outil quand un guide de style vous donne du hex et que votre bibliothèque de graphiques exige du RGB, quand vous déboguez une couleur qui semble différente de l’attendu dans un thème sombre, ou quand vous voulez raisonner sur la part réelle de rouge, de vert et de bleu dans une couleur.
Votre système de design définit le bleu de la marque comme #3498db, mais la bibliothèque de graphiques exige des triplets rgb(). Le convertisseur divise le hex en ses paires — 34, 98, db — et les interprète en base 16 : 52, 152, 219, de sorte que le graphique reçoit rgb(52, 152, 219) et affiche le même bleu.
| Entrée | Valeur |
|---|---|
| Couleur hex | #3498db |
| RGB | |
| Résultat | rgb(52, 152, 219) |
rgb(r, v, b) = paires hex interprétées en base 16
| Symbole | Signification |
|---|---|
paires hex | les trois groupes de deux chiffres d’un code hex à 6 chiffres (RRVVB), chacun interprété avec parseInt(·, 16) |
r, v, b | valeurs de canal de 0 à 255 |
La forme courte à 3 chiffres (#fff) étend chaque chiffre avant l’interprétation, comme le fait CSS.
hex = #rrvvbb, chaque canal en deux chiffres hex minuscules en base 16
| Symbole | Signification |
|---|---|
canal | un entier de 0 à 255 |
rr vv bb | les rendus hex à deux chiffres, complétés à gauche (p. ex. 10 → 0a) |
Dernière révision 11 août 2026 · Version 1.0.0 · Toolivaro ne garantit pas les contenus externes.
Un code à 3 chiffres comme #fff est la forme courte de CSS : chaque chiffre est doublé, donc #fff signifie #ffffff. Tout navigateur moderne l’accepte. Le convertisseur accepte les deux et émet toujours la forme complète à 6 chiffres, pour que le résultat soit sans ambiguïté.
Pas encore. Le hex à 8 chiffres (#rrggbbaa) et rgba() portent un canal de transparence que ce convertisseur n’interprète pas. Pour les couleurs avec alpha, convertissez ici la couleur de base à 6 chiffres et conservez l’alpha séparément.
Les chiffres hex ne distinguent pas la casse — #3498db et #3498DB sont la même couleur. Les minuscules sont la convention de la plupart des outils et minificateurs modernes, et maintiennent une sortie cohérente pour le copier-coller.
Le hex l’emporte et se convertit en RGB ; le champ RGB est ignoré. L’outil documente cette précédence plutôt que de deviner, donc le résultat est toujours prévisible.
Fait partie de Outils de format et de conversion
Vous avez repéré une erreur ou souhaitez une correction ? Signalez-la — chaque correction est examinée.
Ce calculateur vous a été utile ?
Relu par l'équipe éditoriale de Toolivaro selon notre méthodologie Méthodologie · Politique éditoriale