HEX en RGB : convertisseur de couleurs

Convertissez instantanément des codes couleur hexadécimaux en valeurs RGB avec notre convertisseur de HEX en RGB. Un outil clair et moderne pour les designers et les développeurs.

Dernière mise à jour : 23 septembre 2026

Caractéristiques

• Conversion en temps réel - Tapez un code HEX, obtenez des valeurs RGB immédiatement

• Aperçu visuel de la couleur - Voir votre couleur affichée dans une carte de dégradé avec des ombres dynamiques

• Intégration du sélecteur de couleurs - Cliquez pour choisir les couleurs visuellement

• 40 couleurs prédéfinies - Accès rapide aux couleurs populaires

• Copier dans le presse-papiers - Copie en un clic pour les valeurs HEX et RGB

• Décomposition RGB individuelle - Afficher les composants rouge, vert et bleu séparément

• Validation d'entrée - Gère les formats à 3 chiffres (#RGB) et à 6 chiffres (#RRGGBB)

• Conception réactive - Fonctionne parfaitement sur mobile et ordinateur

Cas d'utilisation

Parfait pour :

• Développeurs Web convertis en spécifications de conception

• Des graphistes travaillant sur différents formats de couleur

• Création de styles CSS et de thèmes

• Recherche rapide de référence de couleur

• Apprendre la théorie des couleurs et la composition RGB

Qu'est-ce qu'un convertisseur HEX en RGB ?

Un convertisseur HEX vers RGB est un petit utilitaire qui prend un code de couleur hexadécimal et le transforme en ses valeurs de canal rouge, vert et bleu.

Tapez quelque chose comme #3366ff et il renvoie rgb(51, 102, 255) en une fraction de seconde.

La fonction différenciatrice ici est speed. Au lieu de calculer à la main la conversion de base16 en base10, l'outil le fait instantanément, généralement avec un échantillon de couleurs en direct qui se met à jour au fur et à mesure que vous tapez.

La plupart des versions de l'outil partagent quelques traits :

• Un champ de texte pour la valeur hexadécimale, avec ou sans le signe de point de départ
• Une zone de sortie montrant les numéros rouge, vert, bleu correspondants
• Un échantillon d'aperçu en direct qui se met à jour lorsque vous modifiez le code
• Un bouton de copie pour saisir le résultat directement

Les développeurs utilisent constamment ces outils pour déplacer les couleurs des fichiers de conception vers les feuilles de style.

Hex est le format par défaut dans la plupart des feuilles de style (EN), mais rgb est souvent ce qu'attend un script ou une bibliothèque d'animation à la place.

Si vous partez d'un nom plutôt que d'un code, comme "bleu bleuet", un outil distinct conçu pour rechercher des couleurs nommées fonctionne mieux pour cette direction.

HEX vs RGB : Quelle est la différence entre les deux formats de couleur ?

Hex et rgb décrivent exactement la même couleur en utilisant deux systèmes de comptage différents.

Hex emballe la couleur dans une chaîne de six caractères écrite en base16. RGB indique trois nombres de base 10 distincts, un par canal.

Les deux notations décrivent le même point dans l'espace de couleur sRGB une fois qu'un navigateur les analyse.

Hex apparaît constamment dans les feuilles de style et les échantillons d'outils de conception. Les anciens attributs de couleur HTML (EN) l'acceptaient aussi directement, bien avant que CSS ne prenne le relais.

Aller dans l'autre sens est tout aussi courant. Si vous avez déjà une valeur rgb et que vous avez besoin de l'équivalent hexadécimal, un convertisseur rgb en hexadécimal dédié gère ce swap.

Comment fonctionne la conversion HEX en RGB ?

La conversion hexadécimal vers rgb divise un code hexadécimal à six chiffres en trois paires de deux chiffres et convertit chaque paire de base16 en base10.

Prenez #3366FF comme exemple.

Paire rouge : 33 en hexadécimal équivaut à 51 en décimal.

Paire verte : 66 en hexadécimal équivaut à 102 en décimal.

Blue pair : FF en hexadécimal équivaut à 255 en décimal.

Mettez ces trois résultats ensemble et vous obtenez rgb(51, 102, 255), la même couleur écrite d'une manière différente.

Hex existe principalement parce que deux chiffres hexadécimaux correspondent exactement à un octet. C'est pourquoi 00 à FF s'alignent parfaitement avec 0 à 255, sans rien perdre dans la conversion.

Chaque canal peut contenir 256 valeurs possibles, allant de 0 à 255 sans espaces ni arrondissement.

Quels formats d'entrée HEX accepte le convertisseur ?

Un convertisseur hexadécimal en RVB accepte généralement deux longueurs de code hexadécimal : un raccourci à 3 chiffres et une chaîne complète de 6 chiffres.

La spécification CSS Color Module Level 4 (EN) (W3C) définit la syntaxe des couleurs hexadécimales comme acceptant 3, 4, 6 ou 8 chiffres hexadécimaux, les chiffres supplémentaires étant réservés pour la transparence alpha. Ce convertisseur prend les deux formats opaques, 3 et 6 chiffres.

Hexadécimal abrégé à 3 chiffres

Notation rapide

• Chaque chiffre est doublé pour se développer dans la forme complète
• #f0c devient #ff00cc
• Commun dans le CSS écrit à la main, principalement pour la vitesse

Toutes les couleurs ne sont pas éligibles à ce raccourci. Seules les couleurs où les deux chiffres de chaque canal se répètent peuvent être raccourcies de cette façon.

Hexadécimal complet à 6 chiffres

Hexadécimal à six chiffres donne la version complète et sans ambiguïté d'une couleur, sans doublement ni devinettes.

C'est le format d'exportation par défaut de la plupart des outils de conception, et c'est ce que la plupart des convertisseurs attendent comme entrée standard.

La casse n'a pas d'importance ici. #FF00CC et #ff00cc pointent vers la même couleur.

RGB, RGBA, HSL : Que peut un convertisseur HEX vers RGB produire ?

Beaucoup de convertisseurs ne s'arrêtent pas au simple rgb. Ils offrent aussi RGBA, HSL, et parfois HSV comme options de sortie. Celui-ci se concentre sur la valeur rgb() simple plus les nombres rouge, vert et bleu séparés.

Sortie RGB et RGBA

La sortie rgb standard ressemble à rgb(51, 102, 255), trois entiers séparés par des virgules.

Ajoutez une quatrième valeur et vous obtenez RGBA, qui ajoute un canal alpha pour la transparence : rgba(51, 102, 255, 0.5).

La prise en charge par les navigateurs de l'abréviation hexadécimale à 8 chiffres qui correspond à cette même valeur alpha a débarqué dans Firefox 49 (2016) et Chrome 62 (2017), selon Can I Use browser compatibility data (EN).

Cette sortie est la plus importante lorsqu'une couleur doit se trouver à l'intérieur d'un dégradé (EN) et s'estomper aux bords au lieu de se couper brusquement.

Sortie HSL et HSV

• HSL décompose une couleur en teinte, saturation et luminosité
• HSV, parfois appelé HSB, échange la légèreté pour la luminosité
• Les deux sont plus faciles à ajuster pour l'œil humain que les nombres rgb bruts

Les concepteurs préfèrent souvent HSL lorsqu'ils veulent éclaircir ou assombrir une couleur sans recalculer trois valeurs de canal distinctes à la main.

Si votre flux de travail commence en rgb et a besoin de passer à HSL à la place, cette conversion séparée fonctionne sur sa propre formule, et non sur les calculs mathématiques de conversion de l'hexadécimal en rgb couverts ici.

Quelle est la précision de la conversion HEX en RGB ?

La conversion hex au rgb est exacte pour les codes standard à 3 chiffres et à 6 chiffres.

Il n'y a pas d'arrondissement impliqué, puisque chaque paire hexadécimale à deux chiffres correspond exactement à un entier entre 0 et 255.

L'arrondi n'apparaît qu'une fois qu'un convertisseur calcule également HSL, HSV ou une valeur alpha décimale à partir d'un code à 8 chiffres, car ceux-ci impliquent une division qui n'atteint pas toujours un nombre entier. CC, par exemple, est de 204 sur 255, soit 0,8 en alpha rgba().

Chiffres clés :

• 256 valeurs possibles par canal de couleur, donnant 16 777 216 combinaisons rgb totales
• L'affichage de référence sRGB utilise un gamma nominal de 2,2, selon la norme CEI 61966-2-1 (1999)
• Les valeurs Alpha vont de 0 à 1 en décimal, ou de 0% à 100% en pourcentage
• La notation alpha hexadécimale correspond directement à cette même plage de 0 à 255, juste écrite en base16

La correction gamma modifie le rendu d’une couleur à l’écran. Il ne touche pas le nombre que la conversion elle-même produit.

Ce sont deux étapes distinctes, et les mélanger est une source courante de confusion pour quiconque débute dans les mathématiques des couleurs.

Quand devriez-vous utiliser HEX vs RGB dans CSS et le travail de conception ?

Hex gagne pour les valeurs courtes et statiques. Le RGB et le RGBA gagnent dès que la transparence ou les valeurs dynamiques entrent dans l'image.

Une feuille de style pleine de couleurs de marque solides se lit plus propre en hexadécimal, plus courte à taper et plus rapide à scanner.

Au moment où un élément doit s'estomper, se fondre avec un arrière-plan ou animer son opacité via JavaScript, RGBA devient le choix le plus pratique, car il maintient la valeur alpha séparée de la couleur elle-même.

Système de conception par défaut :

• La plupart des outils de conception exportent les nuanciers au format hexadécimal par défaut
• Les frameworks utilitaires comme Tailwind (EN) livrent des palettes de couleurs entières définies en hexadécimal
• Les bibliothèques de composants convertissent souvent ces valeurs hexadécimales en rgba en interne pour les états de survol et les superpositions

Hex n'est pas limité aux feuilles de style. Il apparaît tout aussi souvent dans les attributs SVG fill and stroke (EN), qui suivent exactement les mêmes règles à six chiffres que CSS.

Choisissez hex pour tout ce qui est statique et qui doit se déplacer proprement entre un concepteur et un développeur. Choisissez rgb ou rgba au moment où la couleur doit s’estomper, se fondre ou répondre à une interaction.

Méthodes de conversion HEX vers RGB comparées : outil en ligne vs code vs calcul manuel

Il existe quatre façons pratiques de convertir un code hexadécimal en valeurs rgb, et chacune correspond à une situation différente.

Calcul manuel

Travailler la conversion à la main signifie pas de dépendance logicielle du tout, juste base16 à base10 mathématiques faites sur papier ou dans votre tête.

Avantages :

• Fonctionne n'importe où, aucun outil ou connexion nécessaire
• Construit une réelle compréhension du fonctionnement du modèle de couleur

Cons :

• Lente pour tout au-delà d'une seule couleur
• Facile à faire un glissement arithmétique sous la pression du temps

Outils de développement Browser DevTools

Le sélecteur de couleurs dans Chrome, Edge et Firefox DevTools s’ouvre à partir de n’importe quelle nuance de couleur dans le panneau Styles. En maintenant la touche Maj enfoncée et en cliquant sur l’échantillon, vous passez de la valeur hex, rgb et hsl, et la pipette intégrée échantillonne n’importe quel pixel de la page.

Avantages :

• Déjà installé, rien de supplémentaire à télécharger
• Lit les couleurs directement à partir d'une page active

Cons :

• Fonctionne uniquement sur les couleurs déjà appliquées à un élément de la page
• Pas conçu pour convertir de grands lots de codes à la fois

Pour l'échantillonnage des couleurs à l'intérieur d'une application web, les navigateurs Chromium à partir de la version 95 exposent également une API EyeDropper (EN) qui renvoie la couleur sélectionnée sous forme de chaîne hexadécimale.

Outils de convertisseur en ligne

Ce qu'ils offrent :

• Résultats instantanés sans étape d'installation
• Un échantillon d'aperçu en direct à côté des chiffres
• Généralement gratuit, avec des boutons de copie pour la sortie

Ils ont besoin d'une connexion Internet pour se charger, et la plupart se limitent à convertir une couleur à la fois plutôt qu'une palette complète.

Conversion basée sur le code

Écrire la conversion dans un script est logique au moment où vous avez besoin de traiter plus qu'une poignée de couleurs.

La bibliothèque d'imagerie Pillow de Python, par exemple, gère la conversion en un seul appel : ImageColor.getrgb("#3366ff") retourne (51, 102, 255).

Avantages : répétable, scriptable, fonctionne à l'intérieur d'un pipeline de construction plus grand.

Cons : nécessite des connaissances de base en codage et un environnement de travail pour l'exécuter.

Comment la conversion HEX en RGB affecte-t-elle l'accessibilité des couleurs ?

La conversion de l’hexadécimal en rgb est importante pour l’accessibilité, car la plupart des formules de contrôle du contraste sont écrites autour de valeurs de canal décimales, et non de chaînes hexadécimales.

Le WCAG Success Criterion 1.4.3 (EN) définit un rapport de contraste minimum de 4,5 :1 pour le texte normal et de 3 :1 pour le texte volumineux sur son arrière-plan.

Pour y parvenir, il faut généralement calculer les valeurs rgb de la couleur du texte et de l'arrière-plan à l'aide de cette formule, puisque les calculs fonctionnent sur des nombres compris entre 0 et 255.

Le texte à faible contraste reste l'échec d'accessibilité le plus courant sur le Web, trouvé sur 81% des pages d'accueil selon le rapport WebAIM Million 2024 (EN).

Quelques habitudes empêchent les valeurs hex et rgb de devenir un problème d'accessibilité :

• Vérifiez le rapport contraste de couleur (EN) avant de verrouiller une paire finale, pas après, avec un outil comme le vérificateur de contraste de couleur (EN)
• Testez à la fois le code hexadécimal et sa forme RVB convertie, car les fautes de frappe ont tendance à mieux se cacher en hexadécimal.
• Gardez une palette documentée afin que les mêmes valeurs accessibles soient réutilisées au lieu d'être recréées à chaque fois

Les équipes qui ont besoin de combinaisons pré-vérifiées dès le départ s'appuient souvent sur un générateur de palette de couleurs accessible plutôt que de tester les couleurs une par une après coup.

Quand un convertisseur HEX vers RGB ne s'applique-t-il pas ?

Un convertisseur hex au rgb ne peut rien faire avec une couleur css nommée comme "tomato" ou "rebeccapurple", puisqu'il n'y a pas de chaîne hexadécimale à diviser et convertir.

La spécification CSS Color Module Level 4 (W3C) définit 148 mots-clés de couleur nommés, chacun correspondant à une valeur rgb fixe dans la spécification elle-même plutôt qu'à une valeur dérivée par conversion.

Rebeccapurple est l'une des nouvelles entrées sur cette liste, ajoutée en mémoire de la fille du défenseur des standards web Eric Meyer plutôt que par un quelconque calcul.

Quelques autres situations ne sont pas couvertes par la conversion :

• Couleurs à large gamme ou couleurs d'affichage P3, qui vivent en dehors de l'espace sRGB que hex et rgb assument tous deux
• Valeurs CMYK destinées à l'impression, qui utilisent un modèle à quatre canaux complètement différent
• Chaînes hexadécimales mal formées avec le mauvais nombre de chiffres ou des caractères invalides, que la plupart des convertisseurs rejettent simplement
• Concevez des fichiers où la valeur est déjà stockée en tant que rgb nativement, rendant une étape de conversion redondante

Aucune de ces défaillances n'est due à l'outil lui-même. Ce sont simplement des entrées que l'outil n'a jamais été conçu pour gérer.

Comment convertir HEX en RGB manuellement, étape par étape ?

La conversion d'un code hexadécimal en rgb à la main suit les mêmes quatre étapes à chaque fois, quelle que soit la couleur.

1. Enlevez le symbole # en tête, en laissant six caractères hexadécimaux (développez un code à 3 chiffres en doublant chaque chiffre)
2. Split ces caractères en trois paires, une pour le rouge, le vert et le bleu
3. Convertir chaque paire de base16 en base10 : multiplier le premier chiffre par 16 et ajouter le second
4. Disposer les trois résultats en rgb (rouge, vert, bleu)

Exécuter #a94442 à travers ces étapes donne a9 pour le rouge, 44 pour le vert, et 42 pour le bleu.

Convertis, ils deviennent 169 (10 × 16 + 9), 68 (4 × 16 + 4), et 66 (4 × 16 + 2), de sorte que la valeur finale est rgb(169, 68, 66).

Le dérapage le plus courant se produit à l'étape de conversion, où les gens oublient que les lettres hexadécimales a à f représentent les valeurs décimales 10 à 15.

Comment convertir HEX en RGB en code ?

JavaScript

JavaScript (EN) gère la conversion avec une fonction intégrée plutôt qu'une formule personnalisée.

parseInt(hex.substring(1, 3), 16) extrait la paire rouge d'une chaîne hexadécimale et la convertit directement en décimal.

Répéter cet appel pour les caractères 3 à 5 et 5 à 7 couvre le vert et le bleu.

Erreur courante : découper à partir de l'index 0 alors que le # est toujours dans la chaîne. parseInt("#3", 16) renvoie NaN, donc soit supprimez le # en premier, soit démarrez les tranches à l'index 1 comme indiqué ci-dessus.

Python

• int(hex_string[1 :3], 16) reflète la même logique que la version JavaScript
• Le module colorsys intégré gère les conversions entre rgb, hls et hsv une fois que vous avez déjà des valeurs décimales
• Les bibliothèques d'images construites sur Pillow appliquent ces mêmes calculs à chaque pixel d'un fichier

L'approche de Python ressemble un peu plus à l'anglais courant, puisque le découpage d'une chaîne par index est intégré dans le langage lui-même.

Propriétés personnalisées CSS

Les propriétés personnalisées, communément appelées variables CSS, vous permettent de définir une couleur une seule fois et de la réutiliser dans toute une feuille de style.

Référencer cette variable partout ailleurs réduit la chasse à travers une feuille de style pour mettre à jour une couleur de marque à la main.

Motif typique :

• Définissez la valeur hexadécimale une fois, par exemple --brand-color : #3366ff
• Référez-le quand vous en avez besoin avec var(--brand-color)
• Convertir en rgba() uniquement lorsque la transparence est réellement requise

Cela maintient l'étape de conversion hexa à rgb isolée aux quelques endroits qui ont réellement besoin d'un format décimal, au lieu d'être dispersée dans tout le fichier.

Questions fréquentes : HEX en RGB : convertisseur de couleurs

Qu'est-ce que "Hex" signifie ?

"Hex" est l'abréviation de hexadécimal, un système de numération en base 16 utilisant les chiffres de 0 à 9 et les lettres a à f.

Dans les codes de couleur, l'hexadécimal emballe trois valeurs de canal dans une chaîne compacte, contrairement aux nombres en base 10 que rgb utilise pour les mêmes données.

Quels outils de conception affichent les valeurs RGB automatiquement à partir d'Hexa ?

Figma, Adobe Photoshop et Sketch affichent tous le rgb aux côtés du hexa dans leurs panneaux de couleurs au moment où vous choisissez un échantillon.

Browser DevTools fait la même chose pour la couleur calculée de n'importe quel élément, en convertissant l'hexadécimal à la volée sans une étape séparée.

Quelles erreurs courantes se produisent lors de la conversion Hex à RGB ?

La lecture d'une lettre hexadécimale comme un chiffre simple est la faute la plus fréquente. La paire 7B est 7 × 16 + 11 = 123, pas 7 × 16 + 1.

L'extension erronée d'un raccourci à 3 chiffres est l'autre erreur classique : #f0c devient #ff00cc, et non #f0c000. Un code à 8 chiffres doit également que sa dernière paire soit traitée comme alpha, et non comme faisant partie du canal bleu.

Comment convertir RGB en Hex ?

Inverser le processus. Convertissez chacune des trois valeurs du canal décimal en une paire hexadécimale à deux chiffres, en recouvrant de zéro toute valeur inférieure à 16, puis enchaînez les trois paires ensemble derrière un signe de livre.

rgb(51, 102, 255) devient #3366ff en utilisant les mêmes calculs de base10 à base16 à l'inverse, ou vous pouvez l'exécuter via le convertisseur RGB en HEX.

Pourquoi certaines plates-formes utilisent-elles par défaut Hex alors que d'autres utilisent RGB ?

Les outils de conception utilisent par défaut le format hexadécimal car il est compact et facile à copier entre les fichiers.

Les navigateurs et les API JavaScript comme getComputedStyle renvoient les couleurs au format RVB, car ce format correspond directement aux canaux numériques avec lesquels le moteur de rendu fonctionne déjà.

La conversion Hex vers RGB est-elle cohérente sur tous les logiciels et navigateurs ?

Oui. Tous les principaux navigateurs analysent l'hexadécimal et le RVB en utilisant les mêmes règles CSS Color Module Niveau 4, donc #3366ff se résout en valeurs de canal identiques dans Chrome, Firefox et Safari, car la conversion ne laisse aucune place à l'interprétation.

Que devriez-vous convertir ensuite après avoir utilisé un convertisseur HEX en RGB ?

Un convertisseur hexadécimal vers RGB termine son travail au moment où un code hexadécimal devient trois valeurs de canal décimales, laissant la conversion de l'espace couleur, la vérification du contraste et les formats prêts à l'impression comme les tâches suivantes dans un flux de travail couleur typique.

Ces étapes fonctionnent mieux dans un ordre fixe, puisque chacune peut annuler le résultat de la précédente.

• Réglage HSL d'abord, alors que les couleurs sont encore en flux (le convertisseur RGB en HSL prend les valeurs d'ici)
• Deuxième contrôle du contraste, une fois les nuances réglées
• Conversion CMYK en dernier, uniquement pour les ressources imprimées

Ajuster la luminosité après la vérification du contraste peut tranquillement pousser une paire de passage en dessous de 4,5 :1, alors vérifiez à nouveau toute couleur que vous ajustez.

En stockant les couleurs en hexadécimal et en les convertissant en rgb uniquement lorsqu'un script a besoin des nombres, les feuilles de style restent compactes sans rien coûter au moment du rendu.

Les équipes d'impression vont généralement plus loin en convertant ces mêmes nombres rgb en valeurs CMYK pour l'impression offset ou numérique. La répartition RGB vs CMYK (EN) explique pourquoi les deux ne correspondent que rarement exactement.