Comment convertir une couleur RGB en hex
- Saisissez les valeurs de rouge, de vert et de bleu (0–255) avec les curseurs ou les champs numériques, ou collez une valeur CSS
rgb(). - Le code hex s’affiche instantanément, avec les valeurs HSL, HSV et CMYK (CMJN). Réglez l’alpha en dessous de 1 pour obtenir un code hex à 8 chiffres avec transparence.
- Copiez le code hex, ou suivez la formule pour voir comment chaque valeur a été convertie.
Formule de conversion RGB en hex
Chaque canal RGB, de 0 à 255, devient exactement deux chiffres hex. Divisez la valeur par 16 : le quotient entier donne le premier chiffre et le reste le second, les valeurs 10 à 15 s’écrivant A à F. Exemple avec rgb(124, 58, 237) :
- Rouge : 124 ÷ 16 = 7, reste 12 →
7C - Vert : 58 ÷ 16 = 3, reste 10 →
3A - Bleu : 237 ÷ 16 = 14, reste 13 →
ED
Assemblés après un #, ils donnent #7C3AED. Écrivez toujours deux chiffres par canal : 9 devient 09, et non 9.
Conversion RGB en hex dans le code
- JavaScript :
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python :
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel et Google Sheets :
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)(DECHEX dans Excel en français) - CSS : aucune conversion nécessaire –
rgb()et les codes hex sont interchangeables.
Ajouter de la transparence (alpha)
Pour un code à 8 chiffres, multipliez l’opacité (0–1) par 255, arrondissez le résultat et ajoutez-le sous forme de deux chiffres hex supplémentaires : 0,5 × 255 = 127,5 → 128 → 80, donc rgba(124, 58, 237, 0.5) = #7C3AED80.
| Opacité | Hex | Opacité | Hex |
|---|---|---|---|
| 100 % | FF | 50 % | 80 |
| 90 % | E6 | 40 % | 66 |
| 80 % | CC | 30 % | 4D |
| 75 % | BF | 25 % | 40 |
| 70 % | B3 | 20 % | 33 |
| 60 % | 99 | 10 % | 1A |
Questions fréquentes
Quelle est la formule pour convertir du RGB en hex ?
Pour chaque canal, le premier chiffre hex est le quotient entier de la valeur divisée par 16 et le second est le reste, les valeurs 10 à 15 s’écrivant A à F. Assemblez les trois paires après un # : rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
Pourquoi chaque canal doit-il comporter deux chiffres hex ?
Une couleur hex se lit par paires fixes. rgb(0, 128, 9) doit s’écrire #008009 ; supprimer les zéros de tête décalerait les paires et donnerait une couleur différente ou invalide.
Un code couleur hex peut-il contenir de la transparence ?
Oui. Les navigateurs modernes acceptent les codes à 8 chiffres #RRGGBBAA, dont la dernière paire est la valeur alpha, de 00 (entièrement transparent) à FF (opaque). rgba(124, 58, 237, 0.5) devient #7C3AED80.
La conversion RGB en hex est-elle exacte ?
Oui pour les valeurs RGB entières : chaque nombre de 0 à 255 a exactement une forme hex à deux chiffres, donc la conversion inverse redonne les mêmes valeurs. Seul l’alpha est arrondi au plus proche des 256 paliers.