Convertisseur HEX vers RGB / RGB vers HEX
Convertissez les codes couleur entre HEX et RGB instantanément. Prend en charge l'alpha (RGBA, HEX 8 chiffres), la syntaxe CSS4 et la copie en un clic. La conversion se fait entièrement dans votre navigateur.
Accepte 3, 4, 6 ou 8 chiffres hexadécimaux, avec ou sans #. Exemples : #F53, #FF5733, #FF573380.
Accepte rgb(), rgba(), syntaxe CSS4 ou valeurs séparées par des virgules.
Ou saisissez les canaux individuellement
- Saisissez ou collez une valeur HEX (avec ou sans #) à gauche — la sortie RGB se met à jour à la frappe.
- Ou saisissez une valeur RGB à droite (rgb(), rgba(), syntaxe CSS4 ou canaux séparés par des virgules) — le HEX se met à jour instantanément.
- Vous pouvez aussi saisir les canaux R, G, B, A individuellement dans les champs numériques.
- Utilisez les options de format pour le préfixe #, la casse HEX, la syntaxe CSS4 ou la sortie toujours avec alpha.
- Cliquez sur le bouton Copier à côté de chaque sortie pour copier la valeur formatée.
Exemples détaillés
-
#FF5733 → rgb(255, 87, 51)
Découpez les 6 chiffres hexadécimaux en trois paires : FF, 57, 33. Convertissez chaque paire en base 10 : FF = 255, 57 = 87, 33 = 51. Résultat : rgb(255, 87, 51).
-
#F53 → #FF5533 → rgb(255, 85, 51)
Le format court à 3 chiffres double chaque digit : F→FF, 5→55, 3→33. Le code étendu est #FF5533, soit rgb(255, 85, 51).
-
rgb(64, 128, 192) → #4080C0
Convertissez chaque canal de la base 10 à la base 16 (deux chiffres) : 64 = 40, 128 = 80, 192 = C0. Concaténez : #4080C0.
Référence HEX ↔ RGB
Couleurs nommées courantes et leurs équivalents HEX et RGB.
| Swatch | Couleur | HEX | RGB |
|---|---|---|---|
| Black | #000000 | rgb(0, 0, 0) | |
| White | #FFFFFF | rgb(255, 255, 255) | |
| Red | #FF0000 | rgb(255, 0, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Blue | #0000FF | rgb(0, 0, 255) | |
| Tomato | #FF6347 | rgb(255, 99, 71) | |
| Coral | #FF7F50 | rgb(255, 127, 80) | |
| Salmon | #FA8072 | rgb(250, 128, 114) | |
| DodgerBlue | #1E90FF | rgb(30, 144, 255) | |
| DeepSkyBlue | #00BFFF | rgb(0, 191, 255) | |
| Gold | #FFD700 | rgb(255, 215, 0) | |
| Orange | #FFA500 | rgb(255, 165, 0) | |
| HotPink | #FF69B4 | rgb(255, 105, 180) | |
| SlateGray | #708090 | rgb(112, 128, 144) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Indigo | #4B0082 | rgb(75, 0, 130) | |
| Violet | #EE82EE | rgb(238, 130, 238) | |
| LimeGreen | #32CD32 | rgb(50, 205, 50) | |
| Crimson | #DC143C | rgb(220, 20, 60) | |
| Navy | #000080 | rgb(0, 0, 128) |
Qu'est-ce qu'un code couleur HEX ?
Un code couleur HEX est une représentation hexadécimale d'une couleur utilisée en CSS. Chaque paire de chiffres encode un canal (rouge, vert, bleu) de 0 à 255. Par exemple, #FF5733 signifie R=255, G=87, B=51. Un 7e et 8e chiffre optionnels (#RRGGBBAA) ajoutent un canal alpha.
Qu'est-ce que RGB ?
RGB signifie Rouge, Vert, Bleu — un modèle de couleurs additif où les couleurs résultent de la combinaison de ces trois canaux. Chaque canal va de 0 à 255. En CSS : rgb(255, 87, 51) ou rgba(255, 87, 51, 0.5) avec un alpha.
Comment convertir HEX en RGB à la main ?
Découpez les 6 chiffres en trois paires (#FF5733 → FF, 57, 33), puis convertissez chacune en base 10 : FF = 255, 57 = 87, 33 = 51. Résultat : rgb(255, 87, 51).
Quelle différence entre #FFF et #FFFFFF ?
#FFF est la forme courte à 3 chiffres, où chaque chiffre est doublé : F→FF. #FFF et #FFFFFF sont donc identiques (blanc pur). #F53 s'étend en #FF5533.
À quoi sert le canal alpha dans #RRGGBBAA ?
Il contrôle la transparence. 00 = totalement transparent, FF = totalement opaque, 80 ≈ 50 % de transparence. Par exemple, #FF573380 est #FF5733 à environ 50 % d'opacité.
RGBA est-il identique à RGB avec opacité ?
Oui. RGBA ajoute un canal alpha à RGB : rgba(255, 87, 51, 0.5) = même couleur à 50 % d'opacité. En CSS Color Level 4, on peut aussi écrire rgb(255 87 51 / 0.5).
Mes couleurs sont-elles stockées ou envoyées ?
Non. Le convertisseur fonctionne entièrement dans votre navigateur. Aucune saisie ni résultat n'est envoyé à un serveur, journalisé ou partagé.
Pourquoi certains navigateurs refusent rgb(255 87 51) ?
La syntaxe à espaces fait partie de CSS Color Level 4. Les très vieux navigateurs n'acceptent que la forme à virgules rgb(255, 87, 51). Utilisez le bouton CSS4 pour basculer entre les formats.
Quel est le RGB du blanc, noir et rouge purs ?
Blanc pur : #FFFFFF = rgb(255, 255, 255). Noir pur : #000000 = rgb(0, 0, 0). Rouge pur : #FF0000 = rgb(255, 0, 0).