Utilore

RGB en HEX

Collez rgb(31, 95, 214) — avec virgules ou espaces, peu importe — et obtenez #1f5fd6, prêt pour du CSS, un fichier de design ou une charte graphique.

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

Contraste:

Comment faire

  1. Collez la valeur RGB ou RGBA, ou choisissez une couleur au nuancier.
  2. Lisez le code HEX au-dessus des autres formats.
  3. Cliquez sur « Copier » à côté de la ligne HEX.

Bon à savoir

Pourquoi les designers demandent du HEX

HEX tient en un seul jeton au lieu de trois nombres : on le colle dans une spécification, un ticket ou une conversation sans perdre un chiffre. C’est aussi la notation affichée par défaut par les outils de design, donc une palette en HEX correspond à ce que tout le monde a sous les yeux.

Ce que devient le canal alpha

Si vous passez un rgba() avec transparence, le résultat est un HEX à huit chiffres : la dernière paire code l’alpha de 0 à 255. Les navigateurs récents le lisent correctement, les anciens non — gardez donc rgba() là où la compatibilité compte.

Questions fréquentes

Faut-il écrire rgb(...) autour des nombres ?

La notation complète est acceptée, avec virgules ou espaces, sous forme rgb() comme rgba(). Les valeurs supérieures à 255 sont ramenées au maximum plutôt que de repartir à zéro.

Pourquoi mon HEX fait-il huit caractères ?

Parce que la couleur possède un canal alpha. Retirez la transparence et vous obtenez le code habituel à six chiffres.

Quelque chose part-il vers un serveur ?

Non. Toute la conversion se fait dans la page : les couleurs d’une identité non publiée restent chez vous.

Outils similaires