Convertisseur RGB vers Hex (et Hex vers RGB) — Gratuit, Sans Inscription

Indiquez une valeur RGB ou un code couleur hexadécimal pour obtenir instantanément la conversion dans l'autre sens. Fonctionne aussi bien de RGB vers hex que de hex vers RGB, prêt à coller dans votre CSS ou votre outil de design — gratuit, sans inscription.

Décimal (Base 10)

R
G
B


Hexadécimal (Base 16)

#

Comment RGB et codes hexadécimaux se répondent

Une couleur à l'écran se décide par la quantité mélangée de trois lumières : rouge, verte et bleue. Exprimer l'intensité de chacune par un nombre de 0 à 255 donne le format RGB ; réécrire ces mêmes valeurs en deux chiffres hexadécimaux chacune et les aligner donne le code couleur hexadécimal #RRGGBB. Autrement dit, ce sont deux notations d'une même couleur, et cet outil convertit de l'une à l'autre.

Deux notations coexistent parce qu'elles conviennent à des usages différents. L'hexadécimal exprime une couleur en six caractères, ce qui facilite son passage entre CSS et les outils de conception. Le RGB, lui, montre chaque composante sous forme de nombre visible, ce qui rend bien plus simples des ajustements du type « monter un peu le rouge ». Les deux formats s'affichent pour que vous employiez celui qui convient à la tâche du moment.

Comment utiliser le convertisseur de codes couleur

  1. Saisir la valeur à convertir Mettez les valeurs R, G et B dans les champs décimaux, ou un code couleur dans le champ hexadécimal. La conversion fonctionne dans les deux sens.
  2. Lire l'autre format La valeur correspondante s'affiche au fil de la saisie, prête à être copiée directement dans du CSS ou un outil de conception.
  3. Ajuster les valeurs et essayer des couleurs Augmenter et diminuer les nombres côté décimal rend le changement de couleur facile à suivre : vous pouvez ainsi vous rapprocher de la teinte visée.

Astuces pour en tirer le meilleur parti

  • En CSS, les couleurs peuvent être spécifiées au format #RRGGBB ou rgb(R, G, B).
  • Chaque canal — R (rouge), G (vert), B (bleu) — varie de 0 à 255 (00 à FF en hexadécimal).
  • Le blanc est #FFFFFF (255, 255, 255) et le noir est #000000 (0, 0, 0).
  • Les outils de design comme Figma et Adobe XD supportent les deux formats, vous pouvez donc copier la valeur directement.
  • L'abréviation #FFF est équivalente à #FFFFFF (blanc) et constitue du CSS valide.

Quand la conversion de codes couleur est utile

Passer une couleur de la conception au code

Convertissez une couleur que votre outil de conception affiche en RGB vers le format hexadécimal attendu par CSS, et évitez les erreurs d'une conversion à la main.

Reproduire fidèlement une couleur de marque

Lorsqu'une couleur imposée ne vous parvient que dans un seul format, convertissez-la vers l'autre et gardez l'ensemble cohérent. Cela évite que les couleurs dérivent entre un document et le web.

Ajuster une couleur par petites touches

Des ajustements difficiles à évaluer en hexadécimal deviennent intuitifs une fois passés aux nombres RGB — bien adapté au réglage fin de la luminosité ou de la teinte.

Explorer la palette d'un site existant

Convertissez un code couleur relevé dans les outils de développement et vous verrez l'intensité de chaque composante sous forme de nombre.

Les termes des codes couleur

RGB
Un système qui exprime la couleur par l'intensité des lumières rouge, verte et bleue. Chacune prend une valeur de 0 à 255 ; les trois à 255 donnent du blanc.
Hexadécimal
Une notation représentant les nombres avec seize symboles, de 0 à F. Couvrant 0 à 255 en exactement deux chiffres, elle sert aux codes couleur.
Notation abrégée
La forme raccourcie à trois chiffres, comme #FFF. Elle ne s'emploie que lorsque les deux chiffres de chaque composante sont le même caractère.
Couleur 24 bits
Un système qui attribue huit bits à chaque composante. Ensemble, elles expriment environ 16,77 millions de couleurs.
Canal
Chacune des composantes qui constituent une couleur. En RGB, le rouge, le vert et le bleu forment un canal chacun.

Foire aux questions

Chaque canal — R, G et B — accepte des entiers de 0 à 255, ce qui correspond à 00 à FF en hexadécimal.

Non — #FFFFFF et #ffffff sont traités de façon identique en CSS. Les codes hexadécimaux ne sont pas sensibles à la casse.

L'abréviation n'est valide que lorsque les deux chiffres de chaque canal sont identiques (ex. : #AABBCC → #ABC). Une valeur comme #1DA1F2 ne peut pas être abrégée.
Tool-kun

Anecdote — Le mystère des couleurs : l'œil humain et les 16,7 millions de couleurs

L'œil humain peut distinguer environ 10 millions de couleurs (avec des variations individuelles). La couleur RGB 24 bits (8 bits par canal) peut représenter 16 777 216 couleurs, bien au-delà des limites de la perception humaine.

Couleurs de marques célèbres en RGB : Twitter Blue #1DA1F2 (29, 161, 242), Google Red #EA4335 (234, 67, 53), LINE Green #00B900 (0, 185, 0). Le bleu iconique de Tiffany — Tiffany Blue — est proche de #0ABAB5 et est l'une des rares couleurs déposées en tant que marque commerciale.

Fait intéressant : CSS possède une couleur nommée rebeccapurple (#663399). Elle a été proposée par la communauté CSS en hommage à Rebecca, la fille de 6 ans d'Eric Meyer, auteur de spécifications CSS, et officiellement adoptée en 2014. Cet épisode reste profondément gravé dans la mémoire de la communauté ingénierie.