Toolzi LogoToolzi

Convertitore HEX in RGB

Converti istantaneamente codici colore HEX, RGB e HSL.

Anteprima colore
HEX
RGB
HSL

Cosa sono HEX, RGB e HSL?

HEX, RGB e HSL sono tre modi comuni per rappresentare i colori nello sviluppo web. HEX usa un codice esadecimale a 6 cifre, RGB usa valori rosso/verde/blu (0–255) e HSL usa tonalità (0–360°), saturazione e luminosità (0–100%).

HEX vs RGB vs HSL — Quando usare quale?

HEX

Formato più compatto. Usato in CSS per colori statici e strumenti di design. Esempio: #ff5733

RGB

Utile per controllare l'opacità con rgba(). Corrisponde direttamente ai canali di colore dello schermo. Esempio: rgb(255, 87, 51)

HSL

Formato più intuitivo per gli umani. Facile da regolare luminosità o saturazione via codice. Ideale per i sistemi di temi. Esempio: hsl(11, 100%, 60%)

Come convertire codici colore

Clicca sul selettore colore o digita direttamente nei campi HEX, RGB o HSL. Gli altri formati si aggiornano istantaneamente. Usa i pulsanti Copia per copiare ogni formato negli appunti.

Domande frequenti

Cos'è un codice colore HEX?
Un codice HEX è un numero esadecimale a 6 cifre (es. #ff5733) che rappresenta le componenti rosso, verde e blu di un colore, ciascuna da 00 a ff.
Come si converte HEX in RGB?
Dividi il HEX in tre coppie di 2 cifre e converti ciascuna dalla base 16 alla base 10. Esempio: #ff5733 → R:255, G:87, B:51.
Cos'è il colore HSL?
HSL sta per Tonalità (Hue, 0–360°), Saturazione (0–100%) e Luminosità (0–100%). È un formato più intuitivo per gli umani.
Quale formato colore usare in CSS?
Tutti e tre sono validi in CSS. HEX per colori statici, HSL per temi e RGB quando si ha bisogno di rgba() per l'opacità.
Posso convertire un codice HEX a 3 cifre?
Sì. Un HEX a 3 cifre (es. #f53) è l'abbreviazione di #ff5533. Ogni cifra viene raddoppiata per ottenere il valore completo.
Perché la tonalità HSL mostra 0 per i grigi?
I colori grigi hanno 0% di saturazione, rendendo la tonalità indefinita. Il valore predefinito è 0 — questo è il comportamento atteso.
Questo convertitore di colori è preciso?
Sì. Le conversioni usano formule matematiche standard e sono accurate per tutti gli input di colore validi.

Strumenti correlati

Color Extractor →CSS Gradient Generator →