Comment convertir RGB en HEX
Convertissez des codes couleur RGB en HEX 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 RGB, par exemple rgb(59, 130, 246), dans son champ ci-dessus.
- La valeur HEX se met à jour aussitôt : rgb(59, 130, 246) donne #3B82F6. Les autres formats et l'aperçu de la couleur suivent aussi.
- Copiez la valeur HEX dans votre CSS, votre outil de design ou votre code.
La formule RGB → HEX
Convertissez chaque canal RGB (0-255) en nombre hexadécimal à deux chiffres et écrivez-les après un #, dans l'ordre rouge, vert, bleu :
rgb(59, 130, 246) → #3B82F6
Couleurs courantes en RGB et en HEX
| RGB | HEX |
|---|---|
rgb(0, 0, 0) | #000000 |
rgb(255, 255, 255) | #FFFFFF |
rgb(255, 0, 0) | #FF0000 |
rgb(0, 255, 0) | #00FF00 |
rgb(0, 0, 255) | #0000FF |
rgb(255, 255, 0) | #FFFF00 |
rgb(0, 255, 255) | #00FFFF |
rgb(255, 0, 255) | #FF00FF |
rgb(128, 128, 128) | #808080 |
rgb(255, 165, 0) | #FFA500 |
rgb(128, 0, 128) | #800080 |
rgb(59, 130, 246) | #3B82F6 |
RGB et HEX expliqués
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.
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.
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.