Convertisseur HEX en RGB

Convertissez n'importe quel code HEX en RGB, HSL et HSV instantanément. Copiez les valeurs en un clic pour CSS, outils de design ou tout workflow créatif.

RGB · HSL · HSVCopie en 1 clicCSS-ready

① Entrer un code HEX ou choisir une couleur ② Convertir pour obtenir RGB, HSL & HSV ③ Cliquer sur une valeur pour copier

Couleur HEX

Presets:

Comment ça marche

Collez un code HEX à 6 chiffres (ex. #FF4500) et obtenez instantanément les valeurs RGB, HSL et HSV équivalentes. Cliquez sur un résultat pour le copier.

RGB

Rouge, Vert, Bleu — le modèle colorimétrique standard pour les écrans. Chaque canal va de 0 à 255. Utilisé nativement en CSS avec rgb().

HSL & HSV

HSL (Teinte, Saturation, Luminosité) et HSV (Teinte, Saturation, Valeur) décrivent les couleurs de façon plus intuitive, proche de la perception humaine.

HEX vers RGB, HSL et HSV — comment fonctionne la conversion

Les codes HEX sont la représentation hexadécimale des trois canaux RGB (Rouge, Vert, Bleu). #FF4500 correspond à R=255, G=69, B=0. La fonction CSS rgb() est le format le plus utilisé dans les feuilles de style et les systèmes de design. HSL ajoute la Teinte 0–360°, la saturation et la luminosité en pourcentage. HSV utilise la Valeur plutôt que la Luminosité, plus naturel pour le mélange visuel dans Figma, Adobe et autres outils. Les trois formats sont utilisables directement en CSS, SVG et canvas.

Questions fréquentes

Un code HEX est une représentation de 6 caractères précédée de #. Les 2 premiers sont Rouge, les 2 suivants Vert, les 2 derniers Bleu, de 00 (0) à FF (255). #FF0000 est le rouge pur : R=255, G=0, B=0.

Divisez les 6 caractères en trois paires et convertissez chacune de base 16 en base 10. FF devient 255, 80 devient 128, 00 devient 0. Le résultat est un triplet rgb(R, G, B).

Les deux utilisent Teinte (0–360°) et Saturation, mais diffèrent dans le troisième composant. HSL : Luminosité 0%=noir, 100%=blanc, 50%=couleur pure. HSV : Valeur 0%=noir, 100%=luminosité maximale. HSL est préféré en CSS ; HSV dans les color pickers graphiques.

CSS supporte rgb() et hsl() nativement. rgb() est le plus répandu. hsl() est utile pour des variations systématiques. HSV n'est pas un standard CSS mais est utilisé par Figma et Sketch.

Oui, HEX ↔ RGB est mathématiquement exact et réversible. La conversion en HSL et HSV arrondit aux degrés entiers mais reste précise pour un usage pratique.

Utilisez rgb() ou hsl() directement en CSS, entrez les valeurs R/G/B dans Figma, utilisez HSV pour des échelles de couleur uniformes, ou continuez avec le générateur de palette.

L'outil convertit tout code HEX à 6 chiffres valide (#000000 à #FFFFFF), couvrant les 16+ millions de couleurs du modèle RGB 8 bits. La conversion s'effectue dans le navigateur sans envoi de données.

HEX vers RGB, HSL et HSV — comment fonctionne la conversion

Questions fréquentes

Explorez notre réseau