Outils CSS et de développement front-end

Convertisseur HEX en RGB

Saisissez une couleur HEX pour afficher immédiatement sa valeur RGB, ses composantes rouge, verte et bleue et son code HEX normalisé.

Données à saisir

Traitement dans votre navigateur

Aperçu en direct

Mise à jour automatique à chaque modification
À sélectionner ou à copier directement

Convertissez un code HEX à 3 ou 6 chiffres en RGB et visualisez chaque composante ainsi que la couleur.

Vos données sont traitées uniquement dans votre navigateur et ne sont jamais envoyées à un serveur.

À propos de cet outil

Ce convertisseur transforme les couleurs hexadécimales en notation CSS rgb(), pour retrouver la même couleur dans vos maquettes, feuilles de style et paramètres de développement. La saisie est strictement validée ; seules les composantes RGB correctement analysées servent à l'aperçu.

Mode d'emploi

  1. Saisissez #FF5733, #09f ou un code HEX à 3 ou 6 chiffres sans #.
  2. Consultez le résultat en direct ou cliquez sur « Convertir ».
  3. Vérifiez l'aperçu et les trois composantes, puis cliquez sur « Copier RGB ».
  4. Cliquez sur « Effacer » pour vider la saisie ou sur « Charger un exemple » pour retrouver la couleur de démonstration.

Exemples

  • #FF5733 → rgb(255, 87, 51), avec le code HEX normalisé #ff5733.
  • #09f → rgb(0, 153, 255), avec le code HEX normalisé #0099ff.
  • #fff → rgb(255, 255, 255) ; #000000 → rgb(0, 0, 0).

Principe du calcul

Dans un code HEX à 6 chiffres, chaque paire représente une composante, convertie de l'hexadécimal en un entier de 0 à 255. Pour un code à 3 chiffres, chaque chiffre est d'abord doublé : #09f devient #0099ff. Seules les couleurs RGB opaques sont acceptées, à l'exclusion des formats alpha à 4 ou 8 chiffres.

Utilisations courantes

  • Convertir les couleurs d'une maquette en valeurs RGB.
  • Vérifier l'équivalence entre un code HEX abrégé et sa forme complète.
  • Examiner la valeur entière de chaque composante rouge, verte et bleue.

Confidentialité

La saisie, les calculs, la génération CSS et les aperçus sont entièrement traités dans votre navigateur. Aucun contenu n'est envoyé à un serveur. Aucun backend, base de données, API en ligne ou CDN tiers n'est utilisé, et vos données ne sont pas enregistrées automatiquement.

FAQ

Qu'est-ce que le format HEX ?

Il représente les trois composantes RGB en hexadécimal. Sa forme à six chiffres comporte deux chiffres pour le rouge, deux pour le vert et deux pour le bleu, dans cet ordre.

#fff et #ffffff désignent-ils la même couleur ?

Oui. Chaque chiffre de la forme abrégée est doublé : #fff est donc normalisé en #ffffff.

Pourquoi #12345 ou #gg0000 provoquent-ils une erreur ?

L'outil n'accepte que 3 ou 6 chiffres hexadécimaux : 0 à 9 et a à f, en majuscules ou en minuscules.

La conversion HEX en RGB entraîne-t-elle une perte de précision ?

Non. Les codes HEX opaques à 3 ou 6 chiffres se convertissent exactement en composantes RGB entières.

Retour au répertoire des outils de développement