Utilore

Da HEX a RGB

Incolla un codice HEX e leggi i canali RGB. #1f5fd6 diventa rgb(31, 95, 214) — e se il codice porta un canale alfa, ottieni rgba() con la trasparenza intatta.

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

Contrasto:

Come si usa

  1. Incolla il codice HEX, con o senza il cancelletto.
  2. Leggi il valore RGB qui sotto: se il codice ha un canale alfa compare anche RGBA.
  3. Premi «Copia» accanto alla riga RGB.

Da sapere

Che cosa significano davvero le sei cifre

L'HEX è un modo di scrivere tre numeri in base 16. La prima coppia è il rosso, la seconda il verde, la terza il blu, ciascuna da 00 a FF, cioè da 0 a 255 nel decimale che vedi in RGB. Un codice a tre cifre come #1f5 è un'abbreviazione: ogni cifra viene raddoppiata, quindi si espande in #11ff55.

Dove serve RGB al posto di HEX

Le API di canvas e SVG, gli oggetti colore di Android e iOS e tutto ciò che calcola un colore invece di scriverlo per esteso parlano in canali. RGB è anche l'unico modo per aggiungere trasparenza senza ricorrere a un HEX a otto cifre che i browser vecchi leggono male.

Domande frequenti

Gestisce un HEX a otto cifre con la trasparenza?

Sì. L'ultima coppia è il canale alfa: compare come quarto valore di rgba(), convertito da 0–255 nella scala 0–1 che il CSS si aspetta.

Il cancelletto è obbligatorio?

No. «1f5fd6» e «#1f5fd6» vengono accettati entrambi, così come le abbreviazioni a tre o quattro cifre.

Esce qualcosa dal mio browser?

No. La conversione è aritmetica fatta sulla pagina: niente viene caricato né registrato.

Strumenti correlati