Convertitore di colori
Converti qualsiasi colore tra HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH e OKLCH. Incolla un codice, guarda il colore e copia ogni formato con un clic.
Esempi:
Conversioni
Il CMYK è una conversione semplificata senza profilo ICC. Per la stampa chiedi alla tipografia una conversione basata su profilo.
Come usare il convertitore di colori
- Scrivi o incolla un colore nel campo Input. Il formato viene riconosciuto in automatico:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)o un nome cometomato. - Le conversioni compaiono mentre scrivi. Puoi anche premere Invio o cliccare su Converti.
- Controlla il campione: mostra il colore e il Formato rilevato, così sai come è stato interpretato il tuo input.
- Clicca su Copia accanto al formato che ti serve. Usa i pulsanti di esempio per provare gli input più comuni.
La conversione avviene interamente nel tuo browser.
Formati supportati
| Formato | Esempio | Uso tipico |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, software di grafica |
| RGB | rgb(255, 99, 71) |
CSS, codice, editor di immagini |
| HSL | hsl(9, 100%, 64%) |
CSS, regolare la luminosità |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, selettori di colore |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
stampa (vedi la nota sotto) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), scienza del colore |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
CSS moderno, design system |
I risultati HEX, RGB, HSL, HWB, LAB, LCH e OKLCH sono CSS valido da incollare direttamente in un foglio di stile. HSV e CMYK non sono notazioni CSS, quindi vengono scritti nel consueto stile a funzione solo per la lettura.
Se il tuo input ha una trasparenza (per esempio rgb(255 0 0 / 50%)), il convertitore la conserva: l’HEX diventa un codice a otto cifre come #FF000080 e gli altri formati ricevono un valore alfa.
Come funzionano le conversioni
RGB, HEX, HSL, HSV e HWB sono modi diversi di scrivere gli stessi valori sRGB, quindi si convertono in modo esatto (a meno degli arrotondamenti). LAB e LCH seguono la definizione di CSS Color 4, che usa il punto di bianco D50 con adattamento cromatico di Bradford. Alcuni convertitori online usano invece il D65, per cui i loro valori LAB possono differire di qualche unità per lo stesso colore. OKLCH usa il modello Oklab di Björn Ottosson, lo stesso che i browser usano per oklch().
Se inserisci un colore LAB, LCH o OKLCH troppo saturo per un normale schermo, questo cade fuori dalla gamma sRGB e non ha un equivalente HEX. Lo strumento mostra allora un messaggio e lo converte nel colore visualizzabile più vicino, riducendone la crominanza ma mantenendo luminosità e tonalità.
Il CMYK è un’approssimazione
I valori CMYK usano la formula semplificata K = 1 − max(R, G, B) e C = (1 − R − K) / (1 − K), e lo stesso per M e Y. Non entra in gioco alcun profilo ICC, quindi i numeri non prevedono cosa stamperà una determinata macchina. Per la stampa professionale, converti nel tuo software di impaginazione con il profilo fornito dalla tipografia (per esempio FOGRA39 o GRACoL). La conversione da CMYK a RGB usa la formula inversa, R = (1 − C)(1 − K).
Domande frequenti
Come si converte a mano da HEX a RGB?
Dividi il codice in tre coppie e converti ciascuna dalla base 16 alla base 10. Per #FF6347: FF = 255, 63 = 99, 47 = 71, quindi il colore è rgb(255, 99, 71).
Che differenza c'è tra HSL e HSV?
Entrambi usano un angolo di tonalità e una saturazione, ma il terzo valore dell’HSL è la luminosità (50% è il colore puro, 100% è il bianco), mentre quello dell’HSV è il valore o brillantezza (100% è il colore puro o il bianco, a seconda della saturazione). Lo stesso colore ha quindi saturazioni diverse nei due modelli.
Perché il mio valore LAB è diverso da quello di un altro convertitore?
Molto probabilmente per il punto di bianco. Questo strumento usa il D50, come il CSS lab(). I convertitori basati sul D65 danno numeri leggermente diversi. Entrambi sono corretti nel proprio riferimento.
Posso convertire da CMYK a HEX?
Sì. Scrivi qualcosa come cmyk(0%, 61%, 72%, 0%) o cmyk(0, 0.61, 0.72, 0). Ricorda che il risultato è un’approssimazione senza profilo colore.
Accetta colori senza il simbolo #?
Sì. ff6347, f64 e perfino tre numeri separati da virgole, come 255, 99, 71, vengono riconosciuti.
Strumenti correlati
- Selettore di colori Color picker online gratuito. Scegli un colore e copia subito i codici HEX, RGB, HSL, HSV e CMYK, con i rapporti di contrasto su bianco e nero.
- Generatore di palette di colori Genera palette di colori da un colore di base con le armonie cromatiche: complementare, analoga, triadica, tetradica e monocromatica.
- Prendi un colore da un'immagine Carica un'immagine e clicca su un pixel per ottenerne il colore in HEX, RGB, HSL, HSV e CMYK. Lente di ingrandimento, media dei pixel e cronologia.