Skip to content
Strumento gratuitoDesign

Converti i codici colore HEX in RGB e viceversa

Digita un codice HEX come #FF5733 e vedrai immediatamente l'equivalente RGB: rgb(255, 87, 51). Oppure inserisci i valori RGB e ottieni il codice HEX. Un campione di colore in tempo reale si aggiorna durante la digitazione e i pulsanti con un clic copiano il valore nel formato necessario per CSS, strumenti di progettazione o documentazione.

Utilizza questo strumento gratuitamente

Caratteristiche

1

Conversione bidirezionale

Inserisci un codice HEX per ottenere RGB oppure inserisci valori RGB per ottenere HEX. Entrambi i campi si aggiornano in tempo reale durante la digitazione, senza bisogno di fare clic su un pulsante di conversione.

2

Campione di colore in tempo reale

Un grande campione di anteprima mostra il colore inserito. Si aggiorna istantaneamente in modo da poter verificare visivamente che la tonalità corrisponda a ciò che ti aspetti.

3

Frammenti di output CSS

Ottieni codice CSS pronto da incollare per le proprietà color, background-color e border-color nei formati HEX e RGB. Copia qualsiasi snippet con un clic.

4

Supporto del canale alfa

Inserisci codici HEX a 8 cifre o valori RGBA per lavorare con la trasparenza. Lo strumento converte accuratamente il canale alfa tra i due formati.

Come usare

1

Inserisci un valore di colore

Digita un codice HEX (con o senza il simbolo #) o inserisci i valori RGB come tre numeri da 0 a 255.

2

Visualizza il risultato

Il campo del formato opposto si aggiorna automaticamente. Il campione di anteprima mostra il colore.

3

Copia

Fai clic sul pulsante Copia accanto a qualsiasi valore o snippet CSS. Un brindisi conferma che il testo è negli appunti.

Specifiche

Formati di inputESAGONALE (3, 6, 8 cifre), RGB, RGBA
Formati di outputESAGONALE, RGB, RGBA
Supporto alfaSì (HEX8, RGBA)
Frammenti CSScolore, sfondo, bordo
AnteprimaCampione dal vivo
ElaborazioneLato client (istantaneo)

Related Magic Eraser Tools

Domande comuni

Qual è la differenza tra i codici HEX a 3 e 6 cifre?

+

Un codice HEX a 3 cifre come #F53 è l'abbreviazione di #FF5533: ogni cifra è raddoppiata. Lo strumento accetta entrambi i moduli e restituisce sempre il codice completo a 6 cifre per chiarezza.

Posso inserire codici HEX senza il simbolo #?

+

SÌ. Lo strumento riconosce i valori HEX con o senza l'hash iniziale. Aggiungerà automaticamente il # all'output.

Come converto un colore con trasparenza?

+

Utilizza un codice HEX a 8 cifre in cui le ultime due cifre rappresentano l'alfa (ad esempio #FF573380 per il 50% di opacità) o inserisci quattro valori RGBA. Lo strumento converte il canale alfa tra entrambi i formati.

Lavori con i colori del marchio nelle foto?

AI Enhance può regolare i colori delle foto per adattarli alla tavolozza del tuo marchio. Ottieni qui i valori RGB esatti, quindi usali come riferimento quando migliori la fotografia del prodotto.

Provalo gratuitamente

More free tools

Explore our other limited free edits after sign-in photo and image tools.