Texte et code / MULTIVERTO

Couleur HEX vers RGB

Convertissez une couleur #RGB ou #RRGGBB en trois canaux RGB.

Conversion instantanéeVotre saisie reste dans ce navigateur. Aucun texte n’est envoyé pour la conversion.
Le fichier reste dans votre navigateur.
Enchaîner les outils

Appliquez chaque outil de texte au résultat précédent.

01 / Guide

Comment ça marche

Chaque paire hexadécimale donne un canal rouge, vert ou bleu entre 0 et 255 ; les chiffres abrégés sont doublés.

Bon à savoir

Le résultat n’a pas de canal alpha ; l’outil utilise RGB entier et HSL classique, pas des profils de gestion des couleurs.

02 / Exemple

Exemple

Votre saisie#2A7FDC
Résultatrgb(42, 127, 220)

03 / Guide

Couleur HEX vers RGB — Comment ça marche

D’un échantillon HEX aux canaux

Convertissez une couleur #RGB ou #RRGGBB en trois canaux RGB. Employez ce sens lorsqu’une variable de design ou règle CSS fournit un code HEX alors qu’un panneau graphique demande les entiers rouge, vert et bleu séparément. Le caractère # fait partie de la notation, pas de la valeur numérique. Le raccourci à trois chiffres est développé avant le calcul : #ABC signifie #AABBCC.

Chaque paire hexadécimale donne un canal rouge, vert ou bleu entre 0 et 255 ; les chiffres abrégés sont doublés. Dans #2A7FDC, les paires 2A, 7F et DC deviennent 42, 127 et 220 en décimal. Saisissez seulement trois ou six chiffres ; les codes à quatre ou huit incluent alpha et sont refusés ici. La sortie rgb() convient à CSS et à la lecture des canaux individuels. Pour un contrôle concret, l’exemple #2A7FDC produit rgb(42, 127, 220). Gardez la saisie initiale à côté du résultat pour le comparer dans une autre application.

Comprendre les modèles de couleur

HEX et RGB décrivent les mêmes trois canaux de lumière additive. Chaque canal est un entier de zéro à 255, et l’hexadécimal écrit sa valeur avec deux chiffres en base seize. Un code à six chiffres contient donc, dans l’ordre, les paires rouge, verte et bleue. HSL est une autre description de cette couleur RGB : la teinte donne une position sur le cercle chromatique, la saturation mesure l’écart à un gris de même luminosité et la luminosité place la couleur entre noir et blanc. Ces notations aident à comparer des variables de design, lire du CSS et modifier une palette.

Choisir la bonne représentation

Le résultat n’a pas de canal alpha ; l’outil utilise RGB entier et HSL classique, pas des profils de gestion des couleurs. Choisissez la forme attendue par l’endroit où vous collerez le résultat. CSS accepte le code hexadécimal comme les fonctions rgb() et hsl(), mais un système de design peut conserver chaque canal séparément. Cet outil utilise l’arithmétique habituelle de sRGB ; il ne transforme pas les profils d’affichage et ne prédit pas le rendu de tous les écrans. Ces sorties à trois canaux ne contiennent pas de transparence. Un code alpha à quatre ou huit chiffres demande une autre opération. Les canaux RGB entiers et les décimales HSL affichées sont arrondis ; un aller-retour peut donc changer une valeur d’une unité.

Les étapes de la conversion
Couleur HEX
Canaux de couleur
Couleur RGB