RGB en HEX : convertisseur de couleurs

Un convertisseur simple de RGB en HEX. Convertissez instantanément des valeurs RGB au format hexadécimal.

Dernière mise à jour : 23 septembre 2026

Caractéristiques

• Coulisses interactives pour les canaux rouge, vert et bleu (0-255)

• Aperçu couleur en direct montre votre sélection en temps réel

• Entrée numérique directe pour un contrôle précis

• Copie en un clic pour les valeurs HEX et RGB

• Interface propre et intuitive avec des transitions fluides

Ce qu'il fait

Faites glisser les curseurs. Regardez le changement de couleur. L'outil affiche simultanément les formats rgb(r, g, b) et #hexcode. Besoin d'une teinte spécifique ? Tapez les valeurs exactes. Copiez n'importe quel format en un seul clic.

Parfait pour :

• Web designers assortissant les couleurs de la marque

• Développeurs écrivant du CSS

• Les artistes numériques trouvent les codes de couleur exacts

• Toute personne convertissant entre les formats de couleur

Aucune installation requise. Aucune inscription requise. Juste la conversion des couleurs qui fonctionne.

Qu'est-ce que la conversion RGB en Hex ?

La conversion RGB en hexadécimal transforme trois nombres distincts rouge, vert et bleu en un code de six caractères que les navigateurs et les outils de conception lisent comme une seule couleur.

Le modèle RGB exprime la couleur sous la forme de trois valeurs de canal, chacune allant de 0 à 255, en fonction de la quantité de lumière rouge, verte et bleue combinée sur un écran.

Une valeur hexadécimale encapsule ces trois mêmes nombres dans une chaîne compacte, précédée d'un symbole de hachage, et cette chaîne peut être collée directement dans HTML (EN) ou CSS sans analyse supplémentaire.

Les propres directives de marque de Slack répertorient sa signature violette dans les deux sens : #4A154B en hexadécimal et 74, 21, 75 en RGB, l'appariement exact produit par un convertisseur (directives de marque de Slack (EN)).

Les deux formats décrivent la même couleur. Rien au sujet du pixel ne change, seulement comment le nombre est écrit.

• RGB est le format natif pour les écrans, puisque les écrans sont construits à partir de sous-pixels rouges, verts et bleus
• Hex est le format abrégé le plus couramment utilisé en HTML et CSS
• Un convertisseur traduit simplement entre les deux, il ne modifie jamais la couleur visible

Ce qu'il n'est pas : un sélecteur de couleurs, un générateur de palette, ou un outil pour identifier le nom d'une couleur.

Il effectue une tâche : transformer les nombres qui définissent une couleur RGB en leur équivalent hexadécimal, et il fait ce travail de la même manière à chaque fois.

Comment fonctionne la formule de conversion RGB en hexadécimal ?

Chaque canal RVB est converti séparément : le nombre décimal est traduit en une paire hexadécimale à deux chiffres et les trois paires sont réunies en une seule chaîne.

Hexadécimal est un système de base16, donc au lieu de compter de 0 à 9 comme décimal, il compte de 0 à F, où F représente 15.

Calcul par canal

La conversion d'un canal se résume à un seul problème de division, exécuter une fois pour le rouge, une fois pour le vert, une fois pour le bleu.

• Diviser la valeur décimale par 16
• Le résultat entier devient le premier chiffre hexadécimal
• Le reste devient le deuxième hexadécimal

Une valeur de 255 se divise par 16 avec un reste de 15, donnant les chiffres F et F, ou FF.

La plage de 0 à 255 pour chaque canal utilise des traces remontant à l'espace de couleur sRGB, normalisé par la CEI en tant que CEI 61966-2-1 en 1999 et toujours l'hypothèse par défaut pour les couleurs web non balisées.

Combiner les trois paires

Une fois que le rouge, le vert et le bleu ont chacun leur paire hexadécimale à deux chiffres, les trois paires sont écrites l'une après l'autre, avec un symbole de hachage devant.

Rouge 255, vert 87, bleu 51 devient FF, 57, 33, qui se combine dans la valeur hexadécimale unique #FF5733.

Quelques chiffres permettent de se faire une idée de l’ampleur de ce système.

• 0 à 255 valeurs possibles par canal, 256 au total
• 16 777 216 couleurs uniques adressables sur les trois canaux combinés
• Deux chiffres hexadécimaux par canal, six chiffres au total pour une couleur standard
• Numérotation Base16, où chaque chiffre va de 0 à F

Comment RGBA se convertit-il en un code hexadécimal à 8 chiffres ?

RGBA ajoute une quatrième valeur en plus du rouge, du vert et du bleu : une couche alpha qui contrôle la transparence.

La conversion de RGBA en hexa fonctionne de la même manière que RGB, sauf qu'une quatrième paire hexa est ajoutée à la fin pour la valeur alpha.

Le CSS Color Module Level 4 (EN) du W3C a formalisé cette notation à 8 chiffres en tant que Recommandation candidate en juillet 2022, rattrapant ce que les navigateurs avaient déjà commencé à livrer.

Le support des navigateurs a suivi de près : les tableaux de compatibilité de caniuse.com (EN) indiquent le support dans Chrome 62, Firefox 49, Safari 10 et Edge 79, des années avant que la plupart des sites n'utilisent le format.

• #RRGGBB : six chiffres, entièrement opaque par défaut
• #RRGGBBAA : huit chiffres, la dernière paire définit l'opacité de 00 (entièrement transparent) à FF (entièrement opaque)

Une valeur comme CC dans cette dernière position donne environ 80 pour cent d'opacité, le même résultat que vous obtiendriez avec une valeur alpha décimale dans CSS (EN).

Tous les projets n'en ont pas besoin. Si une couleur ne change jamais de transparence, le code simple à six chiffres reste plus simple et légèrement plus court à taper.

Aller dans l'autre sens, d'une chaîne hexadécimale à des valeurs de canaux individuels, est tout aussi courant, et un convertisseur de HEX en RGB dédié gère ces calculs inverses sans aucune division manuelle.

Quels sont les avantages et les inconvénients des codes hexadécimaux par rapport aux valeurs RGB ?

Les codes hexadécimaux gagnent sur la brièveté et l’adoption, les valeurs RGB gagnent sur l’éditabilité, et la plupart des professionnels finissent par utiliser les deux en fonction de la tâche.

Avantages de Hex :

• Plus court à saisir et à coller dans une feuille de style
• Un jeton au lieu de trois nombres séparés par des virgules
• La norme de facto pour partager un code couleur avec quelqu'un d'autre

Hex inconvénients :

• Plus difficile à lire d'un coup d'oeil, FF5733 ne signifie évidemment pas "une orange chaude" comme le fait rgb(255, 87, 51)
• Modifier un seul canal signifie recalculer toute la chaîne à la main

Le 2021 Web Almanac (EN) de HTTP Archive a constaté que 75% de toutes les valeurs de couleur CSS utilisent une syntaxe hexadécimale, répartie entre des codes à six chiffres (50%) et des abréviations à trois chiffres (25%).

Les formats fonctionnels sont loin derrière. rgba() est arrivé troisième avec 14 pour cent, tandis que plain rgb() a arrondi à zéro dans le même jeu de données.

Cet écart en dit moins sur le format qui est techniquement meilleur que sur l'habitude : hex était le format de couleur d'origine de CSS, et la plupart des guides de style et des transferts de conception l'utilisent toujours par défaut. Les auteurs utilisent rgba() principalement lorsqu'ils ont besoin de transparence.

Comment les modèles RGB et Hex se comparent-ils aux modèles couleur HSL et CMYK ?

RGB et hexadécimal décrivent le même modèle de couleur additif basé sur l'écran. HSL et CMYK décrivent les couleurs différemment, et aucune des deux ne convertit en hexadécimal par simple division.

HSL est sans doute plus facile à raisonner pour les humains, car faire glisser le curseur de teinte tourne à travers la roue chromatique tandis que la saturation et la luminosité restent fixes.

Pour passer entre les deux modèles additifs sans faire les calculs à la main, utilisez le convertisseur RGB vers HSL.

CMYK fonctionne sur un principe soustractif conçu pour l'encre sur papier, pas la lumière sur un écran, ce qui explique pourquoi une couleur qui semble identique en RGB et en hexadécimal peut se déplacer une fois imprimée.

Cette séparation additive versus soustractive est traitée plus en détail dans cette comparaison RGB versus CMYK (EN).

Les designers qui passent d’un projet web à un projet d’impression conservent souvent une valeur hexadécimale et un équivalent CMYK dans leur fichier pour cette raison précise.

Quels sont les meilleurs outils de conversion RGB en hexadécimal pour les concepteurs et les développeurs ?

Le bon outil dépend si la couleur doit être convertie une fois, constamment ou dans le cadre d'un système de conception plus vaste.

Outils basés sur le navigateur

Un convertisseur web autonome est l'option la plus rapide pour une conversion unique, sans installation, sans compte, collez les valeurs et lisez le résultat.

• Bon pour les recherches rapides pendant une construction
• Aucun logiciel à installer ou à mettre à jour
• Généralement gratuit et fonctionne sur n'importe quel appareil avec un navigateur

Logiciel de conception

Plusieurs outils de conception gèrent la conversion automatiquement, directement dans le panneau où la couleur est choisie.

• Photoshop : recalcule l'hexadecimal au moment où les curseurs RGB se déplacent
• Figma et Sketch : affichent les deux formats côte à côte dans le panneau de remplissage
• GIMP : inclut le même double affichage dans sa boîte de dialogue de sélection de couleurs

Les vérificateurs d'accessibilité qui testent le contraste des couleurs (EN) prennent presque toujours l'hexadécimal comme format d'entrée, puisque le WCAG Success Criterion 1.4.3 (EN) fixe un rapport de contraste minimum de 4,5 à 1 pour le texte normal.

Outils pour développeurs

Chrome et Firefox DevTools affichent la couleur calculée de n'importe quel élément et vous permettent de basculer entre hexadécimal, RGB et HSL en un seul clic.

Pour la conversion automatisée ou en vrac, de petites bibliothèques JavaScript (EN) telles que chroma.js gèrent les calculs par programme, sans avoir besoin d'une interface utilisateur.

Cette approche est plus évolutive que les recherches manuelles une fois qu’un projet a des centaines de couleurs définies comme jetons de conception.

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

La conversion manuelle n'est rien de plus que la division par canal montrée plus haut, exécutée trois fois et écrite dans l'ordre.

Cela vaut la peine de le faire au moins une fois à la main. La compréhension de l’arithmétique rend chaque résultat automatisé plus facile à faire confiance.

• Étape 1 : Notez les trois valeurs RGB, par exemple 46, 139, 87
• Étape 2 : Divisez la première valeur (rouge) par 16, gardez le nombre entier et le reste
• Étape 3 : Convertissez le nombre entier et le reste en chiffres hexadécimaux, en utilisant A à F pour 10 à 15
• Répétez les étapes 2 et 3 pour le vert, puis pour le bleu
• Étape 5 : Enchaînez les trois paires de deux chiffres ensemble avec un symbole de hachage devant

Travaillant à travers l'exemple : 46 divisé par 16 est 2 reste 14, donnant hex 2E pour le rouge.

139 divisé par 16 est 8 restant 11, donnant hex 8B pour vert. 87 divisé par 16 est 5 restant 7, donnant hex 57 pour bleu.

Ensemble, c'est #2E8B57, une teinte communément appelée vert de mer.

Les mathématiques ne changent jamais, seuls les nombres qui y entrent, ce qui explique exactement pourquoi la même formule fonctionne que ce soit sur papier ou dans un script.

Comment convertir RGB en Hex en utilisant du code ?

JavaScript et Python convertissent RGB en hexadécimal en utilisant une méthode de conversion de base intégrée, et non une bibliothèque de couleurs dédiée.

La syntaxe diffère, mais les mathématiques sous-jacentes sont identiques à la formule manuelle couverte précédemment.

En JavaScript

La méthode toString() accepte un argument radix, et en passant 16 retourne la représentation hexadécimale d'un nombre.

Le piège : toString(16) supprime les zéros de tête, donc 5 devient "5" au lieu de "05", brisant une chaîne hexadécimale de six caractères.

• Convertir chaque canal avec .toString(16)
• Remplacez le résultat par deux caractères avec .padStart(2, "0")
• Concaténer les trois paires rembourrées avec un symbole de hachage en avant

padStart() fait partie de la spécification ECMAScript 2017, ajoutée spécifiquement pour résoudre ce type de problème de formatage de chaîne à largeur fixe (ECMA International, 2017).

En Python

Python saute l'étape de remplissage séparée. Son mini-langage de spécification de format gère la largeur et le remplissage à zéro en une seule expression.

L'écriture f"{value :02x}" convertit un entier en une chaîne hexadécimale de deux caractères, remplie de zéro, en minuscules sur une seule ligne.

Le type de présentation 'x' pour les entiers hexadécimaux minuscules est documenté dans la propre référence de spécification de format (EN) de Python.

La boucle de cette expression à travers le rouge, le vert et le bleu et la jonction des résultats produit la même sortie de six caractères que la version JavaScript, avec moins de code autour.

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

La plupart des erreurs de conversion proviennent du formatage, pas des mathématiques. L'arithmétique est assez simple pour que les erreurs se produisent autour d'elle.

Zéro de départ manquant : une valeur de canal inférieure à 16, comme 5, 10 ou 15, produit un seul chiffre hexadécimal au lieu de deux, réduisant un code de six caractères en cinq.

Out-of-range input : fournir à un convertisseur une valeur supérieure à 255 ou inférieure à 0 ne génère pas toujours une erreur.

La spécification CSS Color Module Level 4 stipule que les valeurs hors plage ne sont pas traitées comme invalides. Ils sont fixés à la limite valide la plus proche au moment de la valeur calculée (W3C).

Ce serrage est pratique pour les navigateurs, mais cela signifie aussi qu'une faute de frappe comme 355 devient silencieusement 255 au lieu de lever un drapeau.

• Confusion de casse : hex est insensible à la casse, donc #FF5733 et #ff5733 sont rendus identiques, le mélange de casse est un choix de style, pas un bug
• Erreur d'abréviation : #f0a se développe en #ff00aa, pas #f00a, chaque chiffre double plutôt que de déplacer la position
• Copy-paste drift : coller un triplet RGB dans le mauvais champ d'un convertisseur permet d'échanger les canaux sans aucun message d'erreur

La normalisation sur un format à la source évite la plupart de cela.

Le système de conception GOV.UK publie les deux formats côte à côte pour chaque couleur, bleu primaire par exemple en RVB 29, 112, 184 et #1D70B8, mais demande aux équipes de référencer la variable nommée plutôt que de retaper le code hexadécimal à la main (GOV.UK Design System).

Cette approche de source unique explique pourquoi les systèmes de conception voient rarement la dérive que les valeurs hexadécimales saisies à la main causent dans les petites bases de code.

Quand la conversion RGB en hexadécimal ne s'applique-t-elle pas ?

La formule est valable pour le RVB 8 bits standard et son équivalent hexadécimal, mais quelques situations réelles sortent complètement de cette portée.

La propre documentation des développeurs d'Apple décrit Display P3 comme étant environ 25 pour cent plus grand que la gamme sRGB que l'hexa et le RGB standard assument (Apple, WWDC).

Une couleur conçue pour cet espace plus large ne peut pas être représentée avec précision par un code hexadécimal ordinaire à six chiffres, car le code hexadécimal n'a aucun canal pour les informations sur la gamme.

L'écart n'est pas théorique. Le 2021 Web Almanac (EN) de HTTP Archive a constaté que 79% des couleurs display-p3 utilisées sur les pages mobiles étaient en dehors de ce que sRGB, et par extension hexadécimal standard, peut représenter. Seulement environ 100 pages ont utilisé display-p3, mais celles qui l'ont fait l'ont choisi pour les couleurs que hex ne peut pas exprimer.

Les propres directives de conception d'Apple recommandent de vérifier les couleurs de la marque dans P3 et sRGB avant l'expédition, précisément parce qu'une valeur hexadécimale qui semble correcte dans un espace peut se déplacer dans l'autre.

L'impression est un cas entièrement distinct.

Un code hexadécimal se convertit proprement en RVB et inversement, mais il n'a pas de chemin fiable vers les pourcentages d'encre CMJN sans un profil ICC au milieu, car les écrans mélangent la lumière et les presses mélangent l'encre.

Le système et les couleurs nommées complètent la liste. Les mots clés tels que "Canvas" ou "ButtonFace" correspondent à la définition du thème actuel du système d'exploitation. Il n'y a donc pas de triplet RVB fixe à convertir en premier lieu.

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

Qu'est-ce qu'un Hex Triplet ?

Un triplet hexadécimal est la chaîne de six caractères à l'intérieur d'un code hexadécimal, une paire de deux chiffres chacun pour le rouge, le vert et le bleu.

Le nom décrit le format, pas une couleur spécifique, et s'applique à chaque valeur hexadécimale utilisée.

Un code hexadécimal est-il simplement écrit différemment RGB ?

Oui, oui. Un code hexadécimal et son équivalent RGB décrivent la même couleur, seule la base numérique change.

Le RGB compte en base 10, le hexadécimal en base16. Aucun des deux formats ne contient plus d'informations sur les couleurs que l'autre.

Que se passe-t-il quand une valeur RGB inclut une décimale ?

Les convertisseurs arrondissent d'abord la décimale au nombre entier le plus proche, car un chiffre hexadécimal ne peut pas représenter une valeur de canal fractionnaire.

Une valeur comme 127.6 est arrondie à 128, puis convertie normalement, avec aucun avertissement affiché pour l'arrondi.

Quand devriez-vous utiliser HSL au lieu de RGB ?

HSL fonctionne mieux lorsqu'une couleur est encore en cours d'ajustement, puisque la modification de la luminosité ou de la saturation ne nécessite pas de recalculer trois numéros de canaux distincts.

RGB et hexadécimal s'adaptent mieux une fois qu'une couleur est finalisée et prête à être stockée en tant que valeur fixe.

Photoshop, Figma et Browser DevTools calculent-ils l'hexadecimal de la même manière ?

Oui, les mathématiques sous-jacentes sont identiques partout. C'est une formule fixe, pas quelque chose d'ouverte à l'interprétation par un seul outil.

Ce qui peut différer, c'est la gestion des profils de couleur, qui déplace parfois le résultat affiché entre les fichiers large gamme et standard.

Pourquoi un code hexadécimal converti semble-t-il parfois erroné ?

La valeur hexadécimale elle-même est rarement le problème. Un moniteur non étalonné ou un profil de couleur manquant peut rendre le code identique différemment sur deux écrans.

Vérifiez le calibrage de l'affichage avant de supposer que la conversion a fait une erreur.

Chaque valeur RGB peut-elle être convertie en un code hexadécimal valide ?

Tout triplet RGB dans la plage standard de 0 à 255 par canal est converti en un code hexadécimal valide, sans exception.

La formule n'a aucune casse à l'intérieur de cette plage, elle produit un résultat correct à six chiffres à chaque fois.

Quand la sortie d'un convertisseur RGB vers HEX a-t-elle besoin d'une deuxième vérification ?

La sortie d'un convertisseur RGB vers HEX nécessite une deuxième vérification dans trois situations : une couleur source à large gamme, un projet lié à l'impression et une valeur extraite directement d'un écran non calibré.

En dehors de ces trois, le résultat à six chiffres est définitif et ne nécessite aucune vérification supplémentaire.

• Couleur source à l'intérieur de sRGB
• La destination est un écran, pas une presse
• Calibration de l'écran confirmée

Les couleurs à large gamme sont encore rares en CSS, mais ce sont celles qui sont les plus susceptibles de se déplacer lorsqu'elles sont forcées dans un code hexadécimal à six chiffres, donc une couleur source P3 mérite d'être vérifiée en premier.

La normalisation sur hexadécimal échange l'éditabilité par canal pour un code plus court et portable, un échange juste une fois qu'une couleur est finalisée.

Pour une valeur destinée à l'impression plutôt qu'à l'écran, un convertisseur RGB en CMYK gère la conversion que sRGB math n'a pas été conçu pour faire.