Convertisseur de couleurs RGB en hexadécimal

Entrez le calcul

Rouge (0-255)

Vert (0-255)

Bleu (0-255)

Résultats

Code couleur hexadécimal

#FF6347

Notation hexadécimale CSS

Rouge	255
Vert	99
Bleu	71
Hexa	#FF6347

Qu'est-ce qu'un convertisseur RGB vers hexadécimal ?

Cet outil transforme une couleur RGB — trois canaux (rouge, vert, bleu) compris chacun entre 0 et 255 — en un code couleur hexadécimal de la forme #RRGGBB. Les codes hexadécimaux constituent la façon standard de définir les couleurs en HTML, CSS, SVG et dans la plupart des logiciels de design. Passer du RGB à l'hexa est donc une tâche quotidienne pour les développeurs web et les graphistes.

Un convertisseur RGB vers hexadécimal transforme les valeurs rouge, vert et bleu en un seul code #RRGGBB.

Comment l'utiliser

Saisissez vos valeurs de rouge, de vert et de bleu, chacune entre 0 et 255, puis lisez le code hexadécimal obtenu ainsi que l'aperçu de la couleur. Les valeurs hors de cette plage sont automatiquement ramenées entre 0 et 255.

La formule expliquée

Chaque valeur de canal (0-255) s'écrit sous la forme d'un nombre à deux chiffres en base 16. Le premier chiffre correspond à la valeur divisée par 16 (le quartet de poids fort) et le second au reste de cette division par 16 (le quartet de poids faible), en utilisant les chiffres de 0 à 9 et les lettres de A à F. Les trois résultats à deux chiffres sont accolés après un # initial :

$$\text{Hex} = \text{\#} \, \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$

Chaque canal (0-255) devient deux chiffres hexadécimaux avec les symboles 0-9 et A-F.

Exemple concret

Prenons la couleur « tomate » : R=255, G=99, B=71. Pour R : \(255 \div 16 = 15 \to F\), reste \(15 \to F\), soit « FF ». Pour G : \(99 \div 16 = 6 \to 6\), reste \(3 \to 3\), soit « 63 ». Pour B : \(71 \div 16 = 4 \to 4\), reste \(7 \to 7\), soit « 47 ». En les accolant : #FF6347.

Questions fréquentes

Pourquoi le code hexadécimal compte-t-il 6 caractères ? Deux chiffres hexadécimaux représentent chacun des trois canaux (\(2 \times 3 = 6\)), couvrant ainsi les 16 777 216 couleurs possibles.

Puis-je écrire en majuscules ou en minuscules ? Les deux sont valides en CSS. Cet outil affiche les lettres en majuscules (A-F) ; #ff6347 et #FF6347 sont identiques.

Et la transparence ? Les codes hexadécimaux classiques n'ont pas de canal alpha. Une forme à 8 caractères #RRGGBBAA ajoute l'opacité, mais ce convertisseur produit le code à 6 caractères, le plus courant.