Convertitore codici colore

Tutti gli strumenti

Converti i colori tra HEX, RGB, RGBA, HSL, HSLA, HSV e CMYK: scegli un colore, regola l’alfa e copia qualsiasi formato all’istante.

#FFFFFF
Canali
R
G
B
Formati colore

Digita qualsiasi valore HEX, RGB(A) o HSL(A) e tutti gli altri formati si aggiornano all'istante.

Palette rapida

Guida ai formati di colore

HEX è un codice esadecimale a 6 cifre come #3B82F6 che memorizza i canali rosso, verde e blu (00–FF ciascuno). È il modo più comune di definire i colori in HTML e CSS.

Un HEX a 8 cifre come #3B82F6CC aggiunge un’ultima coppia di cifre per l’opacità (alfa). Usalo per colori trasparenti nel CSS moderno senza un valore rgba() separato.

RGB definisce un colore con valori di rosso, verde e blu da 0 a 255, ad es. rgb(59, 130, 246). Corrisponde a come gli schermi emettono luce ed è ideale per web e design digitale.

RGBA è l’RGB con un canale alfa da 0 (trasparente) a 1 (opaco), ad es. rgba(59, 130, 246, 0.5). Usalo per sovrapposizioni, ombre ed effetti al passaggio del mouse.

HSL descrive un colore tramite tonalità (0–360°), saturazione e luminosità, ad es. hsl(217, 91%, 60%). È intuitivo per regolare i colori e creare palette a mano.

HSLA è l’HSL con un canale alfa per l’opacità, ad es. hsla(217, 91%, 60%, 0.5). Unisce la leggibilità dell’HSL al controllo della trasparenza.

HSV, detto anche HSB, usa tonalità, saturazione e valore (luminosità), ad es. hsv(217, 76%, 96%). È il modello dei selettori di colore della maggior parte dei software di design.

CMYK è un modello sottrattivo con percentuali di ciano, magenta, giallo e nero (key), ad es. cmyk(76%, 47%, 0%, 4%). È lo standard per la stampa: verifica i colori critici con il profilo della tua tipografia.

Usa HEX o RGB per i siti web e aggiungi l’alfa (RGBA, HSLA o HEX a 8 cifre) quando ti serve la trasparenza. Scegli HSL o HSV per creare palette e CMYK per preparare file di stampa.
Condividi
Strumenti correlati
Cercatore colori con nome Trova il colore CSS nominato più vicino e la tonalità Tailwind più prossima per qualsiasi colore — abbinamento percettivo, con valori pronti da copiare. Gratuito
Color Picker da schermo Campiona qualsiasi pixel sul tuo schermo con il contagocce, o preleva colori da un'immagine trascinata, e raccoglili in una palette pronta da copiare. Gratuito
Abbinatore di Colori Pantone Cerca qualsiasi codice Pantone solid-coated per leggerne i valori HEX, RGB e CMYK, oppure inserisci un colore HEX/RGB e trova istantaneamente la corrispondenza Pantone più vicina — tutto nel tuo browser. Gratuito
Generatore gradienti Crea gradienti CSS lineari, radiali e conici da zero con controllo multi-stop trascinabile e preset curati. Copia il CSS pronto all'uso all'istante. Gratuito
Generatore di palette colori Crea palette cromatiche armoniose da una ruota dei colori interattiva — applica regole di armonia come analogica, complementare o triade, poi copia qualsiasi valore all'istante. Gratuito
Schermo Tutto Rosso Riempi tutto lo schermo di rosso puro per testare il canale sub-pixel rosso e rivelare pixel morti su un campo colorato. Gratis e funziona nel tuo browser. Gratuito
Ricerche popolari
convertitore codice colore hex a rgb rgb a hex hex a hsl converti formati colore convertitore colori online
Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.