Convertitore di Colori

Sui modelli di colore

Ogni formato in questa pagina descrive lo stesso colore in un linguaggio diverso. HEX e RGB indirizzano direttamente i canali rosso, verde e blu del tuo schermo — sono intercambiabili. HSL e HSV riorganizzano quelle informazioni in tonalità, saturazione e un asse di luminosità o valore, il che risulta più intuitivo quando vuoi schiarire, scurire o ruotare una tonalità. CMYK è il modello di stampa: gli inchiostri ciano, magenta, giallo e key (nero) sottraggono luce dalla carta bianca, quindi l'anteprima a schermo è solo un'approssimazione di come il colore stamperà.

Come usare questo convertitore

Scegli un colore dal selettore nativo, o digita un valore in qualsiasi campo — HEX accetta #RGB e #RRGGBB, RGB accetta rgb(r, g, b), e HSL accetta hsl(h, s%, l%). Le altre righe si aggiornano istantaneamente. Usa il pulsante Copia accanto a ogni formato per inviare il valore agli appunti. I cinque campioni sotto al modulo mostrano la stessa tonalità al 10%, 30%, 50%, 70% e 90% di luminosità — clicca su uno qualsiasi per caricare quella variante nel modulo.

Riferimento rapido formati

Usa HEX in CSS, strumenti di design e linee guida del brand — è la forma scritta più compatta. Usa RGB quando ti serve una variante trasparente: passa a rgba(r, g, b, a) con un alpha tra 0 e 1. Usa HSL quando costruisci palette a mano — mantenere tonalità e saturazione fisse e cambiare solo la luminosità produce sfumature chiare e scure che si leggono come una famiglia coerente. Usa CMYK solo quando invii grafica a una stamperia, e chiedi al tipografo le specifiche esatte — ogni profilo di stampa sposta leggermente i colori.

Domande frequenti

Questa conversione è esatta?

HEX, RGB, HSL e HSV descrivono tutti colori da schermo e fanno round-trip senza perdita a parte il piccolo arrotondamento intrinseco del lavoro su canali a 8 bit. CMYK è un'approssimazione: la stampa reale dipende dal profilo colore della stampante, dalla carta e dal set di inchiostri, quindi usa l'output CMYK come punto di partenza e conferma con una prova di stampa.

Qual è la differenza tra HSL e HSV?

Entrambi condividono gli stessi assi di tonalità e saturazione, ma il terzo asse differisce. In HSL, luminosità 0% è nero e 100% è bianco, con la tonalità pura al 50%. In HSV, valore 100% è la tonalità pura e 0% è nero — non c'è un percorso integrato verso il bianco. HSL appare più naturale per scegliere sfumature più chiare e più scure; HSV appare più naturale per scegliere quanto brillante una tonalità debba ardere.

Perché il mio HEX appare diverso in stampa?

Gli schermi emettono luce in modo additivo (RGB), le stampanti assorbono luce in modo sottrattivo (CMYK). Blu, verdi e arancioni vibranti che esistono facilmente a schermo spesso cadono al di fuori del gamut CMYK. Controlla sempre una prova stampata prima di approvare, e chiedi al tuo tipografo se vuole CMYK o, idealmente, un riferimento Pantone per i colori del brand.

Posso incollare qualsiasi stringa di colore CSS?

I campi HEX, RGB e HSL accettano le forme CSS più comuni — #RGB, #RRGGBB, rgb(...), rgba(...), hsl(...), hsla(...). I colori con nome come tomato e i moderni valori oklch() non sono ancora interpretati — convertili prima nei devtools del tuo browser.

I valori convertiti sono memorizzati da qualche parte?

No. La conversione gira interamente nel tuo browser; nulla viene inviato a un server, e i valori non sono salvati tra le visite. Aggiungi ai segnalibri o copia qualsiasi palette tu voglia conservare.

Perché le sfumature più chiare si basano sulla luminosità HSL?

Mantenere tonalità e saturazione costanti scorrendo la luminosità HSL produce una scala tonale che appare visivamente coerente — il tipo di rampa che costruiresti a mano per una palette UI. I cinque campioni al 10%, 30%, 50%, 70% e 90% ti danno una rapida diffusione da una sfumatura profonda a una sfumatura quasi-bianca della stessa famiglia di colore.

Convertitore di Colori