Outils CSS et de développement front-end

Convertisseur RGB en HEX

Saisissez trois entiers R, G et B pour convertir une couleur RGB en code HEX prêt à l'emploi.

Données à saisir

Traitement dans votre navigateur

Aperçu en direct

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

Validez les entiers R, G et B et générez un code HEX, avec majuscules au choix et aperçu de 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 composantes rouge, verte et bleue en une couleur HEX à six chiffres. Choisissez les majuscules ou les minuscules et vérifiez à la fois la notation RGB et la couleur affichée.

Mode d'emploi

  1. Saisissez R, G et B séparément : chaque composante doit être un entier de 0 à 255.
  2. Activez ou désactivez l'option « HEX en majuscules ».
  3. Consultez le résultat en direct ou cliquez sur « Convertir », puis copiez le code HEX.
  4. Cliquez sur « Réinitialiser » pour retrouver les valeurs par défaut, ou chargez un exemple.

Exemples

  • R 255, G 87, B 51 → #ff5733, ou #FF5733 avec les majuscules activées.
  • R 0, G 0, B 0 → #000000.
  • R 255, G 255, B 255 → #ffffff.

Principe du calcul

Chaque composante est convertie en deux chiffres hexadécimaux, avec un zéro initial si nécessaire, puis les composantes sont assemblées dans l'ordre R, G, B. La casse change uniquement le texte, pas la couleur. Les valeurs hors limites, les champs vides et les décimales provoquent une erreur : 300 n'est jamais ramené silencieusement à 255.

Utilisations courantes

  • Utiliser en CSS les valeurs RGB d'un logiciel de dessin ou de retouche.
  • Uniformiser la casse des codes couleur dans un projet.
  • Vérifier que les trois composantes saisies respectent les limites.

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

Pourquoi les valeurs RGB vont-elles de 0 à 255 ?

L'outil utilise les composantes sRGB courantes sur 8 bits, soit 256 niveaux entiers de 0 à 255.

Puis-je saisir 12.5 ou 256 ?

Non. Chaque composante doit être un entier de 0 à 255. Les valeurs invalides sont signalées clairement.

Les codes HEX en majuscules et en minuscules sont-ils différents ?

#FF5733 et #ff5733 représentent la même couleur. Choisissez la casse correspondant aux conventions de votre projet.

Pourquoi certaines composantes HEX commencent-elles par 0 ?

Chaque composante doit occuper deux chiffres. Ainsi, 9 s'écrit 09 pour préserver la position des composantes suivantes.

HEX → RGB HEX → HSL Vérificateur de contraste WCAG

Retour au répertoire des outils de développement