Connectez-vous via MCP →

Entrez le calcul

Saisissez un code hexadécimal à 6 chiffres, avec ou sans le # de tête.

Formule

Publicité

Résultats

Couleur RGB
rgb(52, 152, 219)
from #3498DB
Rouge 52
Vert 152
Bleu 219

Qu'est-ce que la conversion hexadécimal vers RGB ?

Un code couleur hexadécimal est une représentation d'une couleur sur 6 chiffres en base 16, très utilisée dans le web design et les feuilles de style CSS — par exemple #3498DB. Chaque paire de chiffres encode l'un des trois canaux de couleur primaire : le rouge, le vert et le bleu. Le modèle RGB (rouge, vert, bleu) exprime la même couleur sous la forme de trois nombres décimaux compris entre 0 et 255. Ce convertisseur transforme un code hexadécimal en son triplet RGB équivalent et affiche un aperçu de la couleur en direct.

Comment l'utiliser

Saisissez ou collez un code couleur hexadécimal dans le champ prévu à cet effet. Vous pouvez inclure le # de tête ou l'omettre — les deux fonctionnent. L'outil accepte les codes standard à 6 chiffres ainsi que la notation abrégée à 3 chiffres (par exemple #0AF, qui se développe en #00AAFF). Cliquez sur Calculer pour afficher les valeurs de rouge, vert et bleu, accompagnées d'un aperçu de la couleur.

La formule expliquée

La conversion consiste simplement à interpréter le code en base 16. La chaîne de 6 caractères est découpée en trois paires de 2 caractères. Chaque paire est lue comme un nombre hexadécimal : le premier chiffre hexadécimal est multiplié par 16, puis le second lui est ajouté. Ainsi, la paire « FF » \(= 15 \times 16 + 15 = 255\), et « 00 » \(= 0\). La formule générale est

$$\text{valeur} = (\text{premier chiffre} \times 16) + \text{second chiffre}$$

où chaque chiffre va de 0 à 15 (les lettres A à F représentant 10 à 15).

$$\begin{gathered} (R,G,B) = \big(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\big)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \operatorname{int}_{16}\!\left(\text{Hex}_{[1,2]}\right) \\ G &= \operatorname{int}_{16}\!\left(\text{Hex}_{[3,4]}\right) \\ B &= \operatorname{int}_{16}\!\left(\text{Hex}_{[5,6]}\right) \end{aligned} \right. \end{gathered}$$
Code hexadécimal divisé en paires d'octets rouge, vert et bleu
Chaque paire hexadécimale correspond à l'un des canaux rouge, vert et bleu (base 16).

Exemple concret

Prenons #3498DB. On le découpe en 34, 98, DB. Rouge \(= 3 \times 16 + 4 = 52\). Vert \(= 9 \times 16 + 8 = 152\). Bleu \(= D(13) \times 16 + B(11) = 208 + 11 = 219\). Le résultat est rgb(52, 152, 219) — un bleu ciel bien connu.

Aperçu de l'échantillon de couleur à côté des barres des canaux R, V, B
La combinaison des canaux RVB produit l'échantillon de couleur final.

Foire aux questions

La casse a-t-elle une importance ? Non. #abcdef et #ABCDEF donnent exactement le même résultat RGB.

Et les codes à 3 chiffres ? Un code hexadécimal à 3 chiffres comme #F60 est une notation abrégée où chaque chiffre est doublé : il devient #FF6600 avant la conversion.

Pourquoi les valeurs sont-elles plafonnées à 255 ? Chaque canal utilise deux chiffres hexadécimaux, et la valeur maximale sur deux chiffres, FF, équivaut à 255 — soit 256 niveaux possibles (de 0 à 255) par canal.

Dernière mise à jour: