Skip to content

Convertisseur HEX vers RGB

In-browser only HEX ⇄ RGB Alpha & CSS4
Canaux RGBA
Couleurs d'exemple
Aperçu de la couleur#FF5733
Valeurs converties
HEX#FF5733
RGBrgb(255, 87, 51)
Outils associés Voir tout

Apercu

Convertissez les codes couleur dans les deux sens

Convertissez les codes couleur entre HEX et RGB dans les deux sens. Prend en charge l'alpha (RGBA et HEX 8 chiffres), la syntaxe CSS4 et la copie en un clic. Tout s'exécute dans votre navigateur.

  • Conversion HEX ⇄ RGB bidirectionnelle
  • Accepte le HEX à 3, 4, 6 et 8 chiffres
  • Lit rgb(), rgba() et la syntaxe CSS4
  • Prise en charge du canal alpha
  • S'exécute entièrement dans votre navigateur
  • S'exécute entièrement dans votre navigateur
  • Les valeurs de couleur ne sont jamais téléversées
  • Aucune saisie n'est journalisée ou stockée
  • Rien n'est envoyé à un serveur
  • Fonctionne hors ligne une fois la page chargée
  • Traduire des nuances HEX en rgb() CSS
  • Ajouter un alpha avec un HEX 8 chiffres ou rgba()
  • Faire correspondre une couleur de marque entre les formats
  • Convertir les couleurs d'une maquette pour les feuilles de style
  • Basculer entre le rgb() hérité et CSS4

Pour commencer

Comment convertir une couleur

  1. 1
    Saisissez un code HEX

    Saisissez ou collez une valeur HEX dans le champ HEX, avec ou sans le préfixe #. La valeur RGB et les champs de canaux se mettent à jour à la frappe.

  2. 2
    Ou saisissez une valeur RGB

    Saisissez une valeur RGB dans le champ RGB avec rgb(), rgba(), la syntaxe CSS4 ou des canaux séparés par des virgules. Le HEX se met à jour instantanément.

  3. 3
    Ajustez avec les canaux

    Modifiez les champs R, G et B (0–255) ou le champ A (0–1) pour ajuster la couleur. Les sorties HEX et RGB suivent.

  4. 4
    Choisissez le format de sortie

    Activez le HEX en majuscules ou la syntaxe CSS4 pour correspondre à votre code, puis cliquez sur le bouton de copie de la valeur souhaitée.

Référence

Valeurs HEX ↔ RGB courantes

Valeurs HEX ↔ RGB courantes
CouleurHEXRGB
Black#000000rgb(0, 0, 0)
White#FFFFFFrgb(255, 255, 255)
Red#FF0000rgb(255, 0, 0)
Green#008000rgb(0, 128, 0)
Blue#0000FFrgb(0, 0, 255)
Tomato#FF6347rgb(255, 99, 71)
DodgerBlue#1E90FFrgb(30, 144, 255)
Gold#FFD700rgb(255, 215, 0)
HotPink#FF69B4rgb(255, 105, 180)
SlateGray#708090rgb(112, 128, 144)
Teal#008080rgb(0, 128, 128)
Crimson#DC143Crgb(220, 20, 60)

Bon à savoir

Conseils et erreurs fréquentes

  • Le HEX court double chaque chiffre

    #F53 s'étend en #FF5533, pas #F05030. Chacun des trois chiffres est répété ; #FFF et #FFFFFF sont donc le même blanc.

  • L'alpha occupe la dernière paire

    En HEX 8 chiffres (#RRGGBBAA), les deux derniers chiffres fixent l'opacité : 00 totalement transparent, FF totalement opaque, 80 environ 50 %.

  • CSS4 utilise des espaces, pas des virgules

    Le rgb(255 87 51 / 0.5) moderne sépare les canaux par des espaces et l'alpha par une barre oblique. Les anciens navigateurs exigent la forme rgb(255, 87, 51).

  • Les canaux RGB s'arrêtent à 255

    Chaque canal est un entier de 0 à 255. Les valeurs supérieures à 255 ou décimales sont hors limites et ne seront pas converties.

Questions fréquentes

Qu'est-ce qu'un code couleur HEX ?
Un code couleur HEX est une représentation hexadécimale d'une couleur utilisée en CSS. Chaque paire de chiffres encode un canal (rouge, vert, bleu) de 0 à 255. Par exemple, #FF5733 signifie R=255, G=87, B=51. Un 7e et 8e chiffre optionnels (#RRGGBBAA) ajoutent un canal alpha.
Qu'est-ce que RGB ?
RGB signifie Rouge, Vert, Bleu — un modèle de couleurs additif où les couleurs résultent de la combinaison de ces trois canaux. Chaque canal va de 0 à 255. En CSS : rgb(255, 87, 51) ou rgba(255, 87, 51, 0.5) avec un alpha.
Comment convertir HEX en RGB à la main ?
Découpez les 6 chiffres en trois paires (#FF5733 → FF, 57, 33), puis convertissez chacune en base 10 : FF = 255, 57 = 87, 33 = 51. Résultat : rgb(255, 87, 51).
Quelle différence entre #FFF et #FFFFFF ?
#FFF est la forme courte à 3 chiffres, où chaque chiffre est doublé : F→FF. #FFF et #FFFFFF sont donc identiques (blanc pur). #F53 s'étend en #FF5533.
À quoi sert le canal alpha dans #RRGGBBAA ?
Il contrôle la transparence. 00 = totalement transparent, FF = totalement opaque, 80 ≈ 50 % de transparence. Par exemple, #FF573380 est #FF5733 à environ 50 % d'opacité.
RGBA est-il identique à RGB avec opacité ?
Oui. RGBA ajoute un canal alpha à RGB : rgba(255, 87, 51, 0.5) = même couleur à 50 % d'opacité. En CSS Color Level 4, on peut aussi écrire rgb(255 87 51 / 0.5).
Pourquoi certains navigateurs refusent rgb(255 87 51) ?
La syntaxe à espaces fait partie de CSS Color Level 4. Les très vieux navigateurs n'acceptent que la forme à virgules. Utilisez le bouton CSS4 pour basculer entre les formats.
Mes couleurs sont-elles stockées ou envoyées ?
Non. Le convertisseur fonctionne entièrement dans votre navigateur. Aucune saisie ni résultat n'est envoyé à un serveur, journalisé ou partagé.