Comment convertir un code hex en RGB
- Saisissez ou collez un code couleur hex dans le champ Code couleur hex, avec ou sans
#, ou cliquez sur la pastille pour choisir une couleur. - Lisez le résultat au format
rgb()et retrouvez les valeurs de rouge, de vert et de bleu sur les curseurs, ainsi que les valeurs HSL, HSV et CMYK (CMJN). - Copiez n’importe quel format en un clic. La formule à côté des formats montre comment chaque paire de chiffres hex devient un nombre de 0 à 255.
Formule de conversion hex en RGB
Un code couleur hex se compose de trois octets écrits en hexadécimal : #RRGGBB. Chaque paire de chiffres correspond à un canal, de 00 (0) à FF (255). Pour convertir une paire, multipliez le premier chiffre par 16 et ajoutez le second, sachant que A = 10, B = 11, C = 12, D = 13, E = 14 et F = 15. Exemple avec #7C3AED :
- Rouge :
7C= 7 × 16 + 12 = 124 - Vert :
3A= 3 × 16 + 10 = 58 - Bleu :
ED= 14 × 16 + 13 = 237
Ainsi, #7C3AED = rgb(124, 58, 237).
Codes hex abrégés et codes avec transparence
Un code à 3 chiffres est une forme abrégée dans laquelle chaque chiffre est doublé : #F80 = #FF8800 = rgb(255, 136, 0). Un code à 8 chiffres ajoute un octet alpha pour l’opacité : dans #7C3AED80, la dernière paire 80 vaut 128, et 128 ÷ 255 ≈ 0,5 ; ce code équivaut donc à rgba(124, 58, 237, 0.5). La forme à 4 chiffres #RGBA fonctionne de la même manière.
Codes couleur hex courants et leurs valeurs RGB
| Couleur | Hex | RGB |
|---|---|---|
| Blanc | #FFFFFF | rgb(255, 255, 255) |
| Noir | #000000 | rgb(0, 0, 0) |
| Rouge | #FF0000 | rgb(255, 0, 0) |
| Vert vif | #00FF00 | rgb(0, 255, 0) |
| Bleu | #0000FF | rgb(0, 0, 255) |
| Jaune | #FFFF00 | rgb(255, 255, 0) |
| Orange | #FFA500 | rgb(255, 165, 0) |
| Gris | #808080 | rgb(128, 128, 128) |
| Bleu marine | #000080 | rgb(0, 0, 128) |
| Violet | #800080 | rgb(128, 0, 128) |
| Bleu canard | #008080 | rgb(0, 128, 128) |
Questions fréquentes
Comment convertir un code hex en RGB à la main ?
Découpez le code en trois paires et convertissez chaque paire depuis l’hexadécimal : premier chiffre × 16 + second chiffre. Pour #1E90FF : 1E = 30, 90 = 144 et FF = 255, la couleur est donc rgb(30, 144, 255).
Que signifie un code couleur hex à 3 chiffres comme #F80 ?
C’est la forme abrégée d’un code à 6 chiffres dans lequel chaque chiffre est doublé : #F80 = #FF8800 = rgb(255, 136, 0). Seules les couleurs dont chaque paire contient deux chiffres identiques peuvent être abrégées.
Comment convertir un code hex en RGB en JavaScript ou en Python ?
JavaScript : [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) pour un code de type #RRGGBB. Python : tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). En CSS, aucune conversion n’est nécessaire : les deux notations sont acceptées.
Hex ou RGB : lequel choisir en CSS ?
Ils décrivent exactement les mêmes couleurs. Le hex est plus court et courant dans les outils de design ; rgb() est plus facile à lire et à ajuster, et rend la transparence évidente avec rgba(). Les navigateurs modernes acceptent aussi les codes hex à 8 chiffres avec alpha.