Connectez-vous via MCP →

Entrez le calcul

Saisissez un code hexadécimal à 3 ou 6 chiffres, avec ou sans le # de début.

Formule

Publicité

Résultats

Couleur RGB
rgb(52, 152, 219)
from #3498DB
Rouge (R) 52
Vert (V) 152
Bleu (B) 219
Code hexadécimal normalisé #3498DB
CSS rgb(52, 152, 219)

Qu'est-ce qu'un convertisseur Hex vers RGB ?

Un code couleur hexadécimal est une représentation d'une couleur sur six chiffres, écrite sous la forme #RRVVBB. Chaque paire de deux chiffres encode l'un des trois canaux de couleur additive : rouge, vert et bleu. Ce convertisseur lit un code hexadécimal et renvoie le triplet RGB équivalent, où chaque canal est un entier compris entre 0 et 255. Le RGB est le format utilisé en interne par le CSS, les logiciels de design et la plupart des écrans : passer de l'un à l'autre fait donc partie du quotidien des développeurs web et des graphistes.

Comment l'utiliser

Saisissez un code hexadécimal dans le champ — avec ou sans le # de début. La version complète à six chiffres (#3498DB) comme la version abrégée à trois chiffres (#39C, qui se développe en #3399CC) sont acceptées. L'outil élimine les caractères parasites, normalise le code et affiche aussitôt les valeurs rouge, vert et bleu, accompagnées d'un aperçu en direct et d'un code CSS prêt à coller.

La formule expliquée

L'hexadécimal fonctionne en base 16, à l'aide des chiffres de 0 à 9 et des lettres de A à F (où A=10 … F=15). Une paire de deux caractères se convertit avec la règle valeur = premier chiffre × 16 + deuxième chiffre.

$$(R,\,G,\,B) = \bigl(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\bigr)_{16}$$ $$\text{where}\quad \left\{ \begin{aligned} R &= \left(\text{Hex Code}\ \text{digits 1-2}\right)_{16} \\ G &= \left(\text{Hex Code}\ \text{digits 3-4}\right)_{16} \\ B &= \left(\text{Hex Code}\ \text{digits 5-6}\right)_{16} \end{aligned} \right.$$

Ainsi FF = \(15 \times 16 + 15 = 255\), le maximum, et 00 = 0, le minimum. Les trois paires sont décodées indépendamment pour donner R, V et B.

Schéma montrant un code hexa à six chiffres divisé en trois paires de deux chiffres associées aux valeurs rouge, vert et bleu
Un code hexa se divise en trois paires, chacune convertie en une valeur de canal de 0 à 255.

Exemple concret

Prenons #3498DB. La paire du rouge est 34 = \(3 \times 16 + 4 = \mathbf{52}\). La paire du vert est 98 = \(9 \times 16 + 8 = \mathbf{152}\). La paire du bleu est DB = \(13 \times 16 + 11 = \mathbf{219}\). Le résultat est rgb(52, 152, 219) — un bleu très prisé dans le design plat.

Échantillon d'une couleur hexa avec sa décomposition en canaux rouge, vert et bleu convertis, affichés en trois barres colorées
Un exemple concret : un code hexa présenté en nuancier à côté de ses canaux R, V, B.

FAQ

Le format abrégé comme #FFF est-il accepté ? Oui. Un code à trois chiffres est développé en doublant chaque chiffre : #FFF devient donc #FFFFFF = rgb(255, 255, 255).

Et le canal alpha (transparence) ? Cet outil gère la couleur RGB à trois canaux. Un code hexadécimal à 8 chiffres incluant l'alpha est réduit à ses six premiers chiffres pour la conversion de la couleur.

Comment repasser du RGB vers l'hexadécimal ? Convertissez chaque valeur de canal en un nombre hexadécimal à deux chiffres, puis concaténez-les après un #. Par exemple 52, 152, 219 → 34, 98, DB → #3498DB.

Dernière mise à jour: