Comment convertir mathématiquement HEX en RGB ?

Chaque paire hexadécimale est convertie en multipliant le premier chiffre par 16 et en ajoutant le second. Exemple : 'FF' donne (15 × 16) + 15 = 255.

Quelle est la différence entre HEX et RGB ?

Ils décrivent exactement la même couleur. Le RGB utilise la base 10 (0 à 255) tandis que le HEX utilise la base 16 (00 à FF).

Comment utiliser les couleurs RGB en CSS ?

Vous pouvez écrire rgb(255, 87, 51) ou la syntaxe moderne avec opacité rgb(255 87 51 / 50%).

Convertisseur HEX en RGB — Conversion de Couleur Gratuite & Rapide

Que fait la conversion HEX vers RGB ?

Ce convertisseur traduit instantanément un code hexadécimal à 6 ou 3 caractères en valeurs numériques Rouge, Vert et Bleu (RGB) dans votre navigateur.

Comment convertir du HEX en RGB ?

HEX et RGB représentent exactement le même espace colorimétrique sous deux bases numériques différentes. Un code HEX se décompose en trois paires Base-16. Pour obtenir la valeur RGB (Base-10), on multiplie le premier caractère par 16 et on y ajoute le second.

Quelle est la formule mathématique ?

Prenons le code HEX #FF5733 :

Rouge (FF) : (15 × 16) + 15 = 255
Vert (57) : (5 × 16) + 7 = 87
Bleu (33) : (3 × 16) + 3 = 51

Par conséquent, #FF5733 correspond à rgb(255, 87, 51).

Quels sont les formats acceptés ?

L'outil accepte les codes standards à 6 caractères (#FF5733) et les codes abrégés à 3 caractères (#F00 qui devient #FF0000). Le symbole dièse (#) est facultatif.

Exemple de code JavaScript

Si vous souhaitez intégrer cette fonction sans dépendance dans votre projet :

function hexToRgb(hex) {
  let clean = hex.replace(/^#/, '').trim();
  if (clean.length === 3) clean = clean.split('').map(c => c + c).join('');
  const val = parseInt(clean, 16);
  return { r: (val >> 16) & 255, g: (val >> 8) & 255, b: val & 255 };
}

Convertisseurs associés

Besoin de faire l'inverse ? Utilisez notre Convertisseur RGB en HEX ⇄.

Convertisseur HEX en RGB