Convertitore da HEX a RGBA
Converti un codice HEX in un valore rgba() che puoi rendere semitrasparente modificando il numero alfa.
Input hex
Risultato · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Come si usa: Da HEX a RGBA
- 1
Inserisci un colore
Digita un codice colore o scegli un colore con il selettore: ogni campo accetta il formato che mostra.
- 2
Guarda la conversione
Il risultato si aggiorna all’istante mentre digiti, insieme a un’anteprima dal vivo del colore.
- 3
Copia il codice
Copia il valore che ti serve con un clic e incollalo nel tuo progetto grafico, nel CSS o nelle impostazioni di stampa.
HEX e RGBA
RGBA è l’RGB con una quarta componente, l’alfa, che imposta l’opacità da 0 (completamente trasparente) a 1 (completamente opaco). Un normale codice HEX a sei cifre come #6A5ACD non contiene trasparenza, quindi il convertitore lo restituisce come rgba(106, 90, 205, 1): lo stesso colore a piena opacità.
Per renderlo trasparente, cambia l’ultimo numero: rgba(106, 90, 205, 0.5) è trasparente a metà, e 0.15 dà una tinta leggera. È il modo abituale per creare overlay sulle foto, ombre discrete, evidenziazioni al passaggio del mouse e sfondi traslucidi senza definire un colore più chiaro separato. A differenza della proprietà opacity, l’alfa in rgba() agisce solo su quel colore, quindi il testo dentro un riquadro semitrasparente resta nitido.
Il CSS moderno accetta anche codici HEX a otto cifre con alfa, come #6A5ACD80, ma rgba() è più facile da leggere e modificare e funziona anche nei browser e nei client email più vecchi.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.