Ultimo aggiornamento: 2026-06-23

Conversione di colori (HEX, RGB, HSL)

Un convertitore di colori traduce un singolo colore tra le tre notazioni più usate sul web: HEX, RGB e HSL. Ognuna descrive lo stesso colore in modo diverso, e gli sviluppatori front-end, i designer e chiunque modifichi un foglio di stile ha spesso bisogno di passare un valore da una all'altra — incollare un codice HEX proveniente da uno strumento di design in una funzione RGB, o regolare un colore in HSL perché è più intuitivo farlo lì.

Tre modi per scrivere un colore

RGB definisce un colore indicando quanta luce rossa, verde e blu combina, con ciascun canale come intero da 0 a 255. HEX è la stessa terna di canali scritta in base 16: due cifre esadecimali per canale, unite in un codice a sei cifre come #3B82F6. Poiché entrambi i formati memorizzano gli stessi otto bit per canale, la conversione tra HEX e RGB è esatta — nessuna informazione viene aggiunta o persa.

HSL adotta una prospettiva diversa. Invece di mescolare i primari, denomina un colore tramite tonalità (un angolo da 0 a 360 gradi sulla ruota cromatica), saturazione (da 0 a 100 percento, dal grigio al vivido) e luminosità (da 0 a 100 percento, dal nero passando per la tonalità pura fino al bianco). HSL si avvicina maggiormente al modo in cui le persone descrivono i colori — "un blu leggermente più chiaro e meno intenso" — il che lo rende comodo per le regolazioni.

Come funziona la conversione

Scomporre un codice HEX in RGB è aritmetica sulle cifre: ogni coppia di cifre esadecimali viene letta come un numero da 00 a FF, ossia da 0 a 255. Passando da RGB a HSL si ridimensionano prima i canali all'intervallo unitario, poi si ricava la luminosità dal punto medio tra il canale massimo e quello minimo, la saturazione dalla loro differenza e la tonalità dal canale di valore maggiore.

Esempio pratico

Si consideri #3B82F6. Le tre coppie sono 3B, 82 e F6 — ossia 59, 130 e 246 — quindi il colore è rgb(59, 130, 246). Ridimensionando ciascun canale all'intervallo unitario si ottengono circa 0,231, 0,510 e 0,965. Il canale maggiore è il blu e quello minore è il rosso, quindi

con una tonalità di circa 217 gradi, ottenendo hsl(217, 91%, 60%).

Poiché RGB memorizza 256 livelli discreti mentre HSL arrotonda a gradi e percentuali interi, un ciclo di conversione completo può spostare un valore di un passo — impercettibile a occhio nudo, ma utile da sapere quando si confrontano i codici. Per esplorare l'aritmetica in base 16 alla base dei codici HEX, si consulti Convertitore di base numerica.