Convertitore di Colore

Converti all'istante tra codici colore HEX, RGB e HSL. Selettore colore incluso, gratuito.

685 visualizzazioni

HEX
RGB
HSL

Cosa sono HEX, RGB e HSL?

HEX (es. #ff8000) scrive i valori rosso-verde-blu come numeri esadecimali ed è la notazione più comune sul web. RGB (es. rgb(255, 128, 0)) esprime gli stessi tre canali come decimali da 0 a 255. HSL (es. hsl(30, 100%, 50%)) descrive un colore tramite tonalità, saturazione e luminosità — la forma più comoda per ricavare varianti più chiare o più scure di un colore.

Scegli un colore con il selettore o digita un codice HEX — tutte e tre le notazioni si aggiornano all'istante. Utile quando scrivi CSS, crei una palette di design o esprimi i colori di un brand in formati diversi.

Domande Frequenti

Come converto un colore HEX in RGB?

Ogni coppia di cifre HEX rappresenta un canale in esadecimale: per #ff8000, ff=255 (rosso), 80=128 (verde), 00=0 (blu), cioè rgb(255, 128, 0). Questo strumento esegue la conversione automaticamente.

I codici HEX a 3 cifre (come #f80) sono supportati?

Sì. La notazione breve come #f80 viene espansa raddoppiando ogni cifra fino a #ff8800; lo strumento accetta entrambe le forme.

Quando dovrei preferire HSL?

Quando ti servono varianti più chiare, più scure o più smorzate di un colore, HSL è la forma più pratica: cambia solo il valore di luminosità (L) o saturazione (S) per ottenere toni coerenti. Il CSS supporta direttamente la notazione hsl().

Strumenti Simili