Utilore

HEX en RGB

Collez un code HEX et lisez les canaux RGB. #1f5fd6 devient rgb(31, 95, 214) — et si le code porte un canal alpha, vous obtenez rgba() avec la transparence conservée.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

Contraste:

Comment faire

Bon à savoir

Ce que veulent dire les six chiffres

HEX est une écriture en base 16 de trois nombres. La première paire est le rouge, la deuxième le vert, la troisième le bleu, chacune de 00 à FF — soit 0 à 255 dans le décimal affiché par RGB. Un code à trois chiffres comme #1f5 est un raccourci : chaque chiffre est doublé, ce qui donne #11ff55.

Où RGB s’impose à la place de HEX

Les API canvas et SVG, les objets couleur d’Android et d’iOS, et tout ce qui calcule une couleur au lieu de l’écrire raisonnent en canaux. RGB est aussi le seul moyen d’ajouter de la transparence sans recourir à un HEX à huit chiffres que les vieux navigateurs interprètent mal.

Questions fréquentes

Le HEX à huit chiffres avec transparence est-il géré ?

Oui. La dernière paire est le canal alpha ; elle apparaît comme quatrième valeur de rgba(), convertie de 0–255 vers l’échelle 0–1 attendue par CSS.

Le dièse est-il obligatoire ?

Non. « 1f5fd6 » et « #1f5fd6 » sont acceptés, tout comme les formes courtes à trois ou quatre chiffres.

Quelque chose sort-il de mon navigateur ?

Non. La conversion est un calcul effectué dans la page : rien n’est envoyé ni journalisé.

Outils similaires