Comment convertir HEX en RGB
Convertissez des codes couleur HEX en RGB instantanément. Saisissez une valeur HEX ou RGB, ou utilisez les curseurs : tous les formats se mettent à jour en même temps, avec un aperçu, la formule et un tableau des couleurs courantes.
- Saisissez ou collez une valeur HEX, par exemple #3B82F6, dans son champ ci-dessus.
- La valeur RGB se met à jour aussitôt : #3B82F6 donne rgb(59, 130, 246). Les autres formats et l'aperçu de la couleur suivent aussi.
- Copiez la valeur RGB dans votre CSS, votre outil de design ou votre code.
La formule HEX → RGB
Une couleur HEX est formée de trois paires de chiffres hexadécimaux : rouge, vert et bleu. Convertissez chaque paire de la base 16 à la base 10 pour obtenir les canaux RGB :
#3B82F6 → rgb(59, 130, 246)
Couleurs courantes en HEX et en RGB
| HEX | RGB |
|---|---|
#000000 | rgb(0, 0, 0) |
#FFFFFF | rgb(255, 255, 255) |
#FF0000 | rgb(255, 0, 0) |
#00FF00 | rgb(0, 255, 0) |
#0000FF | rgb(0, 0, 255) |
#FFFF00 | rgb(255, 255, 0) |
#00FFFF | rgb(0, 255, 255) |
#FF00FF | rgb(255, 0, 255) |
#808080 | rgb(128, 128, 128) |
#FFA500 | rgb(255, 165, 0) |
#800080 | rgb(128, 0, 128) |
#3B82F6 | rgb(59, 130, 246) |
HEX et RGB expliqués
Une couleur HEX est un # suivi de six chiffres hexadécimaux : deux pour le rouge, deux pour le vert et deux pour le bleu, de 00 (rien) à FF (maximum). C'est la façon la plus courante d'écrire une couleur en CSS et dans les outils de design.
RGB (RVB) donne les canaux rouge, vert et bleu sous forme de nombres de 0 à 255, comme rgb(59, 130, 246). C'est le modèle qu'utilisent les écrans pour mélanger la lumière.
Questions fréquentes
La conversion change-t-elle la couleur ?
HEX, RGB et HSL décrivent les mêmes couleurs d'écran : la conversion entre eux est exacte (HSL est arrondi à l'entier). Le CMJN sert à l'impression : le rendu imprimé dépend du profil de couleur de l'imprimante, prenez donc les valeurs CMJN issues de l'écran comme point de départ.
Puis-je utiliser le résultat en CSS ?
Oui. Le CSS accepte directement l'hex (#3B82F6), rgb(59, 130, 246) et hsl(217, 91%, 60%). Le CMJN n'est pas un format CSS ; il sert à l'impression et dans les logiciels de design.
Et la transparence ?
Ajoutez une valeur alpha : hex à 8 chiffres (#3B82F680) ou rgba()/hsla() en CSS. Le convertisseur travaille sur la couleur opaque ; la valeur alpha reste la même dans chaque format.
Cet outil est-il gratuit ?
Oui, il est gratuit. Sans inscription ni e-mail. Résultats directement sur cette page.
Comment obtenir mon résultat ?
Utilisez cet outil sur cette page. Le résultat apparaît ici, sans envoi par e-mail.