Convertitore colori RGB e HEX

Converti un colore da RGB a HEX e da HEX a RGB, con anteprima. Gratis e senza registrazione.

Come convertire RGB e HEX

Il modello RGB descrive un colore con tre valori da 0 a 255, uno per il rosso, il verde e il blu. Il codice HEX esprime gli stessi tre valori in esadecimale, da 00 a FF, uniti dopo un cancelletto. Sono le due notazioni più usate nel web design: HEX nei CSS, RGB negli editor grafici. Scrivi in uno dei campi e l'altro si aggiorna, con l'anteprima del colore in tempo reale.

Come funzionano RGB ed esadecimale

RGB descrive un colore come combinazione di rosso, verde e blu, ciascuno con un valore da 0 a 255 (es. rgb(255, 0, 0) è rosso puro). Il formato esadecimale (HEX) rappresenta gli stessi tre valori in base 16 invece che in base 10, compressi in un codice a 6 cifre preceduto da un cancelletto (#FF0000 è lo stesso rosso). Sono due modi di scrivere esattamente lo stesso colore — la scelta tra i due dipende spesso solo dalla convenzione del linguaggio o strumento che stai usando (CSS accetta entrambi).

Perché serve convertire tra i due formati

Un designer che lavora con Photoshop o Figma vede spesso i colori in formato esadecimale, mentre certe animazioni CSS o linguaggi di programmazione richiedono il formato RGB (soprattutto quando serve aggiungere trasparenza con RGBA). Copiare un colore da uno strumento all'altro senza convertirlo manualmente evita errori di trascrizione, specialmente su codici lunghi e poco intuitivi da leggere a mente.

Domande frequenti

Come si converte un colore da RGB a HEX?
Ogni componente RGB (rosso, verde, blu) va da 0 a 255 e si converte nel suo valore esadecimale a due cifre. I tre valori si uniscono preceduti dal cancelletto: rgb(79, 70, 229) diventa #4F46E5.
Cosa significa il codice esadecimale di un colore?
Il codice HEX è una notazione compatta del colore RGB: le prime due cifre indicano il rosso, le due centrali il verde, le ultime due il blu, ciascuna da 00 a FF (cioè da 0 a 255 in decimale).
Posso usare codici HEX a tre cifre?
Sì. La forma abbreviata come #FFF equivale a #FFFFFF: ogni cifra viene raddoppiata. Il convertitore accetta sia la forma a tre cifre sia quella a sei.
A cosa servono i codici colore RGB e HEX?
Sono i due modi più comuni per indicare i colori sul web e nella grafica. HEX è diffuso in CSS e nei tool di design, RGB è usato spesso negli editor e quando serve regolare i singoli canali di colore.

Quanto è utile questo strumento?

Sii il primo a votare

Tool correlati