ImageColorPicker.com

HEX vers RGB convertisseur

Convertis n'importe quelle couleur HEX en RGB — instantanément et gratuitement

#FF5733

Colle n'importe quelle valeur couleur — on détecte le format pour toi.

Résultat RGB
Rouge
255
Vert
87
Bleu
51

Cette couleur dans tous les formats

Profil CMYK : Coated FOGRA39 (réglage par défaut de Photoshop pour l’Europe)

Un code HEX contient trois nombres de 8 bits encodés en six chiffres hexadécimaux. Convertir HEX en RGB signifie séparer ces chiffres en paires et lire chaque paire comme un nombre décimal entre 0 et 255 — exactement les valeurs attendues par CSS, Figma et les éditeurs d’image.

Comment fonctionne la conversion de HEX en RGB

  1. Supprime le # initial et, si le code n’a que trois chiffres, double chacun d’eux : #f53 devient #ff5533.
  2. Sépare les six chiffres en trois paires — RR, GG et BB.
  3. Lis chaque paire comme un nombre en base 16 et convertis-le en base 10 : FF devient 255, 57 devient 87, 33 devient 51.
  4. Écris les trois résultats sous la forme rgb(R, G, B).

Exemple pratique

HEX #FF5733=RGB rgb(255, 87, 51)

Cette conversion est exacte. HEX et RGB décrivent les mêmes valeurs sRGB dans des notations différentes, donc rien n’est arrondi ou perdu dans l’un ou l’autre sens.

HEX et RGB expliqués

Qu'est-ce que HEX ?

Un code HEX est un nombre hexadécimal à six chiffres qui stocke les canaux rouge, vert et bleu d’une couleur précédé d’un #. Chaque paire de chiffres représente un canal, de 00 (aucun) à FF (plein), ce qui donne les mêmes 16,7 millions de couleurs que RGB mais dans une notation plus compacte. HEX est le format par défaut dans CSS, les outils de design et les chartes graphiques.

Syntaxe :
#RRGGBB
Plage :
00–FF par canal
Idéal pour :
CSS, transfert de design, chartes graphiques

Qu'est-ce que RGB ?

RGB décrit une couleur comme trois canaux de lumière — rouge, vert et bleu — chacun de 0 à 255. Il reflète le fonctionnement des écrans : tous trois à 255 donnent blanc, tous à 0 donnent noir. RGB est le bon choix quand tu dois calculer avec une couleur, et rgba() ajoute la transparence.

Syntaxe :
rgb(R, G, B)
Plage :
0–255 par canal
Idéal pour :
code, canvas, transparence avec rgba()

Table de référence HEX vers RGB

Les couleurs CSS les plus courantes, converties de HEX vers RGB.

CouleurHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

D'autres convertisseurs de couleurs

Questions fréquentes

Supprime le # initial et, si le code n’a que trois chiffres, double chacun d’eux : #f53 devient #ff5533. Sépare les six chiffres en trois paires — RR, GG et BB. Lis chaque paire comme un nombre en base 16 et convertis-le en base 10 : FF devient 255, 57 devient 87, 33 devient 51. Écris les trois résultats sous la forme rgb(R, G, B).

Cette conversion est exacte. HEX et RGB décrivent les mêmes valeurs sRGB dans des notations différentes, donc rien n’est arrondi ou perdu dans l’un ou l’autre sens.

RGB décrit une couleur comme trois canaux de lumière — rouge, vert et bleu — chacun de 0 à 255. Il reflète le fonctionnement des écrans : tous trois à 255 donnent blanc, tous à 0 donnent noir. RGB est le bon choix quand tu dois calculer avec une couleur, et rgba() ajoute la transparence.

Oui. Le bouton d’échange à côté du champ te mène au convertisseur RGB vers HEX, qui fonctionne exactement de la même manière. Les deux directions utilisent la même formule, simplement appliquée en sens inverse.

Utilise RGB quand tu dois manipuler les nombres — animer un canal, mixer des couleurs en code, ou ajouter de la transparence avec rgba(). HEX reste le choix plus court et lisible pour du CSS statique.