Utilore

Da RGB a HEX

Incolla rgb(31, 95, 214) — con virgole o spazi, non fa differenza — e ottieni #1f5fd6, pronto per il CSS, per un file di design o per una guida di stile.

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

Contrasto:

Come si usa

  1. Incolla il valore RGB o RGBA, oppure scegli un colore con il selettore.
  2. Leggi il codice HEX sopra gli altri formati.
  3. Premi «Copia» accanto alla riga dell’HEX.

Da sapere

Perché i designer chiedono l’HEX

L’HEX è un unico token invece di tre numeri, quindi si incolla facilmente in una specifica, in un ticket o in un messaggio di chat senza perdere una cifra. È anche la notazione che gli strumenti di design mostrano per impostazione predefinita, così una palette scritta in HEX coincide con quello che vedono tutti gli altri.

Che fine fa il canale alfa

Se passi un rgba() con trasparenza, il risultato è un HEX a otto cifre: l’ultima coppia codifica l’alfa da 0 a 255. I browser moderni lo leggono correttamente, quelli vecchi no: dove ti serve un supporto ampio, tieni rgba().

Domande frequenti

Devo per forza scrivere rgb(...) attorno ai numeri?

Va bene la notazione completa con virgole o con spazi, sia nella forma rgb() sia in rgba(). I valori superiori a 255 vengono limitati a 255, non riportati a zero in silenzio.

Perché il mio HEX è lungo otto caratteri?

Perché il colore ha un canale alfa. Togli la trasparenza e ottieni il solito codice a sei cifre.

Viene inviato qualcosa a un server?

No. L’intera conversione avviene nella pagina, quindi i colori di un marchio non ancora pubblicato restano con te.

Strumenti correlati