TL
Tool Lab
💰Donare
💰Donare

HEX to RGBA

Converte colori HEX in RGBA con trasparenza alfa

TransparentOpaque

Informazioni su questo strumento

Il convertitore da HEX a RGBA trasforma i codici colore esadecimali nel formato RGBA con controllo opzionale dell'opacità. Gli sviluppatori web usano questo strumento quando aggiungono trasparenza ai colori in CSS, ad esempio per overlay, ombre e sfondi semi-trasparenti.

Basta inserire un codice colore esadecimale (3, 6 o 8 caratteri) e lo strumento genera istantaneamente il valore rgba() equivalente. Puoi anche regolare il valore alpha (opacità) da 0 a 1.

Come usare

  1. Inserisci un codice colore esadecimale (es. #ff5733 o #f53).
  2. L'output RGBA si aggiorna istantaneamente.
  3. Regola il cursore alpha per impostare l'opacità (0 = trasparente, 1 = opaco).
  4. Copia il valore rgba() e incollalo nel tuo CSS.
  5. Usa l'esadecimale a 8 cifre (#RRGGBBAA) per una codifica diretta dell'alpha.

Casi d'uso

Utile per overlay CSS, colori box-shadow, elementi UI semi-trasparenti e ogni volta che devi aggiungere opacità a un colore esadecimale specifico.

Domande frequenti

  • Cos'è RGBA?RGBA è un formato colore CSS: Red, Green, Blue e Alpha (opacità). Il canale alpha va da 0 (completamente trasparente) a 1 (completamente opaco).
  • Posso convertire un esadecimale a 3 cifre?Sì. #abc viene espanso automaticamente in #aabbcc prima della conversione.
  • Cosa significa l'esadecimale a 8 cifre?Un esadecimale a 8 cifre come #FF5733AA include un canale alpha nelle ultime due cifre, che viene anch'esso mappato direttamente in RGBA.
  • Posso incollare un nome colore CSS?No, sono supportati solo i codici hex. Usa un selettore di colore per convertire prima un colore con nome in hex.