Il nostro strumento di conversione colori consente di passare facilmente tra tutti i principali formati utilizzati nello sviluppo web, nel graphic design e nella stampa. Che tu debba convertire un codice HEX in RGB per i tuoi CSS, tradurre valori HSL per software di grafica o convertire RGB in CMYK per la stampa, questo strumento esegue ogni calcolo in tempo reale con un'anteprima immediata.
color: #3B82F6; background: rgb(59, 130, 246); border: 1px solid hsl(217, 91%, 60%);
Digita un codice HEX (#FF5733), valori RGB (rgb(255,87,51)) o valori HSL (hsl(11,100%,60%)) in qualsiasi campo di input.
Fai clic sul campione di anteprima del colore per aprire il selettore colore nativo e scegliere visivamente qualsiasi tonalità.
Fai clic sul pulsante copia accanto a qualsiasi formato colore per copiarlo negli appunti. Tutti i formati si aggiornano in tempo reale.
La conversione dei colori sfrutta trasformazioni matematiche tra modelli di colore diversi. HEX è una rappresentazione in base 16 di RGB. HSL e HSV sono rappresentazioni in coordinate cilindriche, più intuitive per i designer. CMYK viene utilizzato per la stampa e rappresenta le percentuali di inchiostro.
HEX → RGB: R = parseInt(hex[1..2], 16), G = parseInt(hex[3..4], 16), B = parseInt(hex[5..6], 16)
I codici HEX rappresentano il formato più comune per i colori web/CSS: includi sempre il prefisso #
RGB è il formato nativo per gli schermi: ogni canale varia da 0 a 255
HSL è più intuitivo per i designer: regola la tonalità (Hue) per il colore, la saturazione per l'intensità e la luminosità (Lightness) per la brillantezza
CMYK è destinato esclusivamente alla stampa: i colori RGB/HEX possono apparire diversi una volta stampati in quadricromia
Usa la sintassi HEX abbreviata (#F00) per i colori in cui le coppie si ripetono (#FF0000)
Opacità/canale alfa: usa rgba() o hsla() per definire colori trasparenti
I nomi dei colori CSS (come 'tomato', 'dodgerblue') corrispondono a specifici valori HEX
Il nostro convertitore di colori gratuito traduce all'istante i formati cromatici principali. Che tu sia uno sviluppatore web alle prese con una conversione da HEX a RGB, un designer che lavora con valori HSL o che stia preparando file per la stampa con CMYK, questo strumento gestisce ogni conversione con anteprima in tempo reale.
HEX e RGB sono i due formati di colore più diffusi sul web. I codici HEX (#RRGGBB) sono compatti e ampiamente utilizzati nei CSS, mentre i valori RGB (0-255 per canale) si usano in JavaScript e nei programmi di grafica.
Il nostro convertitore da hex a rgb traduce all'istante questi formati, facilitando il lavoro tra strumenti e codici differenti.
HSL (Hue, Saturation, Lightness / Tonalità, Saturazione, Luminosità) è il modello di colore più intuitivo per i designer. Regola:
Il nostro convertitore di colori HSL semplifica la creazione di varianti cromatiche, la costruzione di palette e la conversione dei valori HSL in HEX o RGB per l'implementazione.
La conversione dai colori a schermo (RGB) a quelli per la stampa (CMYK) richiede attenzione, poiché i due modelli funzionano in modo differente. L'RGB è additivo (basato sulla luce), mentre il CMYK è sottrattivo (basato sull'inchiostro).
Il nostro convertitore da RGB a CMYK offre valori di stampa approssimativi, anche se la resa finale dipende sempre dalla stampante e dal tipo di carta.
Per convertire un colore HEX in RGB, suddividi il codice a sei cifre (#RRGGBB) in tre coppie di caratteri e converti ciascuna dalla base 16 (esadecimale) alla base 10 (decimale): R = 16 × d1 + d2, e così via per verde e blu.
Ad esempio, #FF5733 dà FF = 255, 57 = 87, 33 = 51, ossia rgb(255, 87, 51). Entrambe le notazioni descrivono lo stesso spazio colore sRGB definito da IEC 61966-2-1 e specificato negli standard W3C CSS Color.
Ciascun canale copre l'intervallo 0–255 (8 bit), offrendo 256³ = 16,777,216 colori possibili. La notazione HEX abbreviata (#F53) duplica semplicemente ciascuna cifra in una coppia.
La conversione da RGB a HSL e HSV condivide il primo passaggio: normalizzare ciascun canale su una scala da 0 a 1 (dividendo per 255), quindi individuare il valore massimo e minimo. La tonalità (Hue) è identica in entrambi i modelli ed è ricavata dal canale con il valore più alto.
Per HSL, la luminosità (Lightness) = (max + min) / 2; per HSV, il valore (Value) = max. La saturazione viene calcolata in modo differente: HSL divide il croma per 1 − |2L − 1|, mentre HSV divide il croma per max.
HSL e HSV sono rimappature cilindriche del cubo RGB, standardizzate nel modulo W3C CSS Color. I designer li preferiscono perché tonalità, saturazione e luminosità riflettono il modo naturale in cui gli esseri umani descrivono il colore.
Un codice colore HEX è una notazione esadecimale abbreviata per i valori dei canali RGB, preceduta dal simbolo #.
Il sistema esadecimale è in base 16 e utilizza le cifre da 0 a 9 e le lettere da A a F, dove A = 10 e F = 15. Questa notazione compatta è la ragione per cui l'HEX domina nei CSS e nei selettori colore degli strumenti di grafica.
La maggior parte dei valori HEX e RGB utilizzati sul web si basa su sRGB, lo spazio colore standard definito da IEC 61966-2-1 e adottato come predefinito dai CSS, a meno che non venga dichiarato uno spazio diverso. Lo spazio sRGB copre solo una porzione limitata dei colori percepibili dall'occhio umano; per questo motivo, per i display moderni esistono spazi a gamma cromatica estesa come Display P3 e Rec. 2020.
Il modulo CSS Color Module Level 4 del W3C introduce funzioni come color() e oklch() per accedere a queste gamme estese. Questo convertitore lavora in sRGB, che resta lo spazio più sicuro e compatibile per il lavoro quotidiano su web e interfacce utente tra browser e dispositivi diversi.
I convertitori di colore traducono un singolo colore tra formati diversi per renderlo utilizzabile ovunque serva.
Un convertitore evita di dover eseguire calcoli manuali in base 16 e mantiene il colore uniforme tra codice sorgente, file di grafica e supporti stampati.
I CSS definiscono 148 colori con nome, come tomato (#FF6347), dodgerblue (#1E90FF) e rebeccapurple (#663399), ciascuno associato in modo univoco a uno specifico valore HEX sRGB. Questi nomi sono standardizzati nel W3C CSS Color Module e supportati da tutti i browser moderni.
Sono pratici per creare prototipi rapidi, ma rappresentano solo una minima frazione dei 16,7 milioni di colori disponibili tramite HEX e RGB.
Poiché a ogni colore con nome corrisponde un codice HEX fisso, i convertitori possono mostrare il nome più vicino per qualsiasi input. In CSS le parole chiave dei colori non fanno distinzione tra maiuscole e minuscole, pertanto 'DodgerBlue' e 'dodgerblue' vengono visualizzati nello stesso identico modo.
Ecco gli errori più frequenti da evitare nella conversione dei colori:
Ciascun formato colore risponde a un'esigenza specifica.
Tutti i formati per schermo condividono lo spazio sRGB definito dallo standard IEC 61966-2-1 e dal modulo W3C CSS Color, rendendo HEX, RGB e HSL perfettamente intercambiabili tra loro; solo il CMYK richiede una conversione approssimata legata al dispositivo di output.
Data sourced from trusted institutions
All formulas verified against official standards.