Convertitore HEX in RGB

Converti qualsiasi codice HEX in RGB, HSL e HSV istantaneamente. Copia i valori con un click per CSS, strumenti di design o qualsiasi workflow creativo.

RGB · HSL · HSVCopia in 1 clickOutput CSS-ready

① Inserisci un codice HEX o scegli un colore ② Converti per ottenere RGB, HSL e HSV ③ Clicca su un valore per copiarlo

Codice HEX

Presets:

Come funziona

Incolla un codice HEX a 6 cifre (es. #FF4500) e ottieni subito i valori equivalenti in RGB, HSL e HSV. Clicca su qualsiasi risultato per copiarlo negli appunti.

RGB

Red, Green, Blue — il modello colore standard per gli schermi. Ogni canale ha un valore da 0 a 255. Usato nativamente in CSS con la funzione rgb().

HSL & HSV

HSL (Tonalità, Saturazione, Luminosità) e HSV (Tonalità, Saturazione, Valore) descrivono il colore in modo più intuitivo, vicino alla percezione umana.

Da HEX a RGB, HSL e HSV — come funziona la conversione

I codici HEX sono la rappresentazione esadecimale dei tre canali RGB (Rosso, Verde, Blu). #FF4500 corrisponde a R=255, G=69, B=0. La funzione CSS rgb() è il formato più usato nei fogli di stile e nei sistemi di design. HSL (Hue, Saturation, Lightness) aggiunge la Tonalità 0–360°, saturazione e luminosità in percentuale. HSV usa il Valore al posto della Luminosità, più naturale per il mixing visivo in Figma, Adobe e altri tool. Tutti e tre i formati sono usabili direttamente in CSS, SVG e canvas.

Domande frequenti

Un codice HEX (esadecimale) è una rappresentazione di un colore formata da 6 caratteri preceduti dal simbolo #. I primi 2 rappresentano il canale Rosso, i successivi 2 il Verde e gli ultimi 2 il Blu, ognuno con valori da 00 (0) a FF (255). Ad esempio, #FF0000 è il rosso puro: R=255, G=0, B=0.

La conversione è diretta: si dividono i 6 caratteri in tre coppie e ciascuna viene convertita dalla base 16 alla base 10. FF esadecimale diventa 255, 80 diventa 128, 00 diventa 0. Il risultato è una terna rgb(R, G, B) con valori da 0 a 255.

Entrambi usano la tonalità (Hue, in gradi 0–360°) e la saturazione, ma differiscono nel terzo componente. HSL usa la Luminosità: 0% è nero, 100% è bianco, 50% è il colore puro. HSV usa il Valore: 0% è nero, 100% è la massima luminosità del colore. HSL è preferito in CSS; HSV è usato nella maggior parte dei color picker grafici.

CSS supporta nativamente sia rgb() che hsl(). rgb() è il più diffuso e compatibile. hsl() è molto utile per creare variazioni di colore sistematiche, ad esempio schiarire o scurire cambiando solo la Luminosità. HSV non è supportato nativamente da CSS ma è usato internamente da Figma, Sketch e altri strumenti grafici.

Sì, la conversione HEX ↔ RGB è matematicamente esatta e reversibile: non c'è perdita di informazione. La conversione in HSL e HSV introduce arrotondamenti ai gradi interi, ma rimane precisa per uso pratico.

Una volta ottenuti i valori, puoi: usare rgb() o hsl() direttamente in CSS, inserire i valori R/G/B nei color picker di Figma o Sketch, usare HSV per creare scale di colore uniformi, oppure proseguire con altri tool come la palette generator o il tint & shade generator.

Lo strumento converte qualsiasi codice HEX a 6 cifre valido (da #000000 a #FFFFFF), coprendo tutti gli oltre 16 milioni di colori rappresentabili nel modello RGB a 8 bit per canale. La conversione avviene istantaneamente nel browser, senza inviare dati a server esterni.

Da HEX a RGB, HSL e HSV — come funziona la conversione

Domande frequenti

Esplora il Nostro Network