Vai al contenuto

Convertitore di Colori

Converti i colori tra formati HEX, RGB e HSL con anteprima dal vivo.

#
#FF5733

Anteprima Colore

Risultati Conversione

HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(11, 100%, 60%)
CMYK
cmyk(0%, 66%, 80%, 0%)

Convertitore di Colori Gratuito – Converti tra Formati HEX, RGB e HSL

La rappresentazione dei colori nel design digitale utilizza molteplici formati, ognuno adatto a contesti diversi. I codici HEX sono lo standard web, RGB è usato negli schermi e nella programmazione, e HSL offre un modo intuitivo per descrivere i colori tramite tonalità, saturazione e luminosità.

I colori HEX (esadecimali) usano un codice a 6 cifre preceduto dal simbolo hash, come #FF5733. Ogni coppia di cifre rappresenta i canali rosso, verde e blu rispettivamente, con valori da 00 (0) a FF (255). Questa notazione compatta è il formato più comune in CSS e web design.

RGB (Rosso, Verde, Blu) definisce i colori specificando l'intensità di ogni canale primario su una scala da 0 a 255. Il formato rgb(255, 87, 51) rappresenta lo stesso colore di #FF5733. RGB è il modello nativo per schermi e monitor.

HSL (Tonalità, Saturazione, Luminosità) descrive i colori in modo più intuitivo. La tonalità è l'angolo sulla ruota dei colori (0-360 gradi), la saturazione è l'intensità (0-100%) e la luminosità indica quanto chiaro o scuro è il colore (0-100%).

FAQ

Condividi
SponsorizzatoAnnuncio

Design professionale reso facile con Canva

Crea loghi, post social, presentazioni e altro con la semplicità del drag-and-drop.

FAQ

Qual è la differenza tra HEX e RGB?+
HEX e RGB rappresentano lo stesso modello colore ma con notazione diversa. HEX usa cifre esadecimali (00-FF), mentre RGB usa numeri decimali (0-255). #FF5733 in HEX equivale a rgb(255, 87, 51) in RGB.
Perché HSL è utile per i designer?+
HSL è intuitivo perché separa l'identità del colore (tonalità) dalle sue proprietà (saturazione e luminosità). Per scurire un colore, basta diminuire la luminosità. Per trovare il complementare, aggiungere 180 alla tonalità.
Come trovo il colore complementare?+
In HSL, il colore complementare si trova aggiungendo 180 gradi al valore della tonalità. Per esempio, se il colore ha una tonalità di 11 gradi, il complementare ha una tonalità di 191 gradi.
Posso usare questi formati in CSS?+
Sì, tutti e tre i formati funzionano in CSS. HEX: color: #FF5733; RGB: color: rgb(255, 87, 51); HSL: color: hsl(11, 100%, 60%). Il CSS moderno supporta anche la trasparenza alpha con rgba() e hsla().
Cos'è la ruota dei colori?+
La ruota dei colori dispone i colori in cerchio in base alla tonalità: 0/360 gradi è rosso, 60 è giallo, 120 è verde, 180 è ciano, 240 è blu e 300 è magenta. HSL usa questa ruota come base per il componente tonalità.

Strumenti più popolari