Convertitore di colori online gratuito — HEX, RGB, HSL, CMYK

Converti i colori istantaneamente tra i formati HEX, RGB, HSL e CMYK. Questo convertitore di colori gratuito fornisce un'anteprima in tempo reale e conversioni bidirezionali per i flussi di lavoro di progettazione web, stampa e grafica.

Cos'è un convertitore di colori?

Un convertitore di colori traduce i valori dei colori tra diversi formati utilizzati nella progettazione digitale e per la stampa. Gli sviluppatori web utilizzano HEX e RGB, i designer spesso lavorano in HSL per un'aggiustamento intuitivo dei colori, e la produzione di stampa si basa su CMYK.

Invece di calcolare manualmente le conversioni o aprire un tool di progettazione, questo convertitore ti fornisce ogni formato contemporaneamente — con un'anteprima in tempo reale per vedere esattamente il colore con cui stai lavorando.

Come utilizzare questo convertitore di colori

1. Inserisci un colore — Digita un valore HEX, oppure inserisci numeri RGB, HSL o CMYK.
2. Vedi tutti i formati — Ogni altro formato si aggiorna istantaneamente.
3. Copia ciò di cui hai bisogno — Clicca il pulsante di copia accanto a qualsiasi formato.
4. Utilizza l'anteprima — La swatch di colore mostra esattamente il colore con una didascalia di contrasto.

Funzionalità principali

Funzionalità	Vantaggio
Supporto a 4 formati	HEX, RGB, HSL, CMYK — tutti contemporaneamente
Conversione bidirezionale	Modifica qualsiasi formato e il resto si aggiorna
Anteprima in tempo reale	Vedi esattamente il colore con il suo etichetta HEX
Pulsanti di copia per formato	Copia in un clic per ogni formato
CMYK adatto per la stampa	Otteni valori CMYK accurati per la produzione di stampa

Comprendere i formati dei colori

HEX

La notazione esadecimale utilizza sei caratteri (0-9, A-F) per rappresentare i valori rosso, verde e blu:

• #FF0000 = rosso al massimo livello di intensità
• #3B82F6 = blu-500 di Tailwind CSS

Comune in CSS, HTML e strumenti di progettazione. Inizia sempre con #.

RGB (Rosso, Verde, Blu)

Modello additivo dove ogni canale va da 0 a 255:

• rgb(255, 0, 0) = rosso puro
• rgb(59, 130, 246) = blu-500 di Tailwind

Utilizzato in CSS (rgb() function) e nella maggior parte dei contesti di programmazione.

HSL (Tono, Saturazione, Luminosità)

Un modello più intuitivo per l'aggiustamento dei colori:

• Tono (0-360): Posizione sulla ruota dei colori (0=rosso, 120=verde, 240=blu)
• Saturazione (0-100%): Intensità del colore (0%=grigio, 100%=colore pieno)
• Luminosità (0-100%): Luminosità (0%=nero, 50%=normale, 100%=bianco)

Utilizzato in CSS (hsl() function) e preferito dai designer per creare palette di colori.

CMYK (Ciano, Magenta, Giallo, Nero)

Modello sottrattivo utilizzato nella produzione di stampa:

• Ogni valore va da 0% a 100%
• Rappresenta la copertura di inchiostro sulla carta
• Non utilizzabile direttamente in CSS (i browser utilizzano RGB internamente)

Essenziale per preparare le progettazioni per la stampa professionale.

Confronto tra formati di colore

Formato	Casistica d'uso	Esempio	Intervallo
HEX	CSS web, HTML	#3B82F6	00-FF per canale
RGB	CSS web, programmazione	rgb(59, 130, 246)	0-255 per canale
HSL	Progettazione, CSS	hsl(217, 91%, 60%)	H: 0-360, S/L: 0-100%
CMYK	Produzione di stampa	cmyk(76%, 47%, 0%, 4%)	0-100% per canale

Casistiche reali di utilizzo

Sviluppo web

Copia i valori HEX o rgb() direttamente nel tuo CSS. L'HSL è perfetto per generare scale di colori (es. variazione di luminosità per stati di hover).

Sistemi di progettazione

Converti i colori del marchio tra i formati. Un designer ti fornisce HSL da Figma — hai bisogno di HEX per CSS. Fatto in un clic.

Produzione di stampa

Converti i colori dello schermo in CMYK prima di inviarli a un stampatore. Nota che alcuni colori RGB vivaci non possono essere riprodotti perfettamente in CMYK (l'"intervallo" è più piccolo).

Accessibilità

Utilizza il valore di luminosità HSL per verificare se un colore soddisfa i requisiti di contrasto WCAG. I colori con luminosità vicina al 50% tendono ad avere il contrasto percepito più alto.

Consigli per il lavoro con i colori

Consiglio	Spiegazione
Usa HSL per le palette	Fissa il tono, varia saturazione e luminosità per creare scale di colori armoniose.
HEX abbreviato funziona	#3BF è un'abbreviazione di #33BBFF. Questo convertitore accetta entrambi.
Presta attenzione all'intervallo CMYK	I blu e i verdi brillanti spesso si spostano quando convertiti in CMYK. Prova sempre a stampare i colori.
CSS supporta tutti i formati	Il CSS moderno accetta HEX, rgb(), hsl() e anche hwb(). Usa ciò che è più leggibile.
Trasparenza	rgba() e hsla() permettono di specificare l'opacità.

Domande frequenti

Perché il mio colore CMYK sembra diverso sullo schermo?

I colori CMYK sono progettati per la stampa, mentre i colori RGB sono progettati per i dispositivi a schermo. Questa differenza di spazio colore può causare una discrepanza visiva.

Posso utilizzare questo convertitore per progetti di stampa professionale?

Sì, il convertitore supporta i formati CMYK necessari per la produzione di stampa. Tuttavia, si consiglia di verificare sempre i colori con un profilo ICC specifico per la stampa.

Cosa succede se non sono sicuro del formato del colore?

Il convertitore ti permette di inserire un valore in qualsiasi formato e ti fornirà automaticamente le conversioni in tutti gli altri formati. Questo rende semplice l'utilizzo anche se non si è esperti di colori.

Posso salvare i miei colori convertiti?

Non è disponibile una funzione di salvataggio incorporata, ma puoi copiare i valori dei colori e incollarli in un file di testo per riferimento futuro.

C'è un limite al numero di colori che posso convertire?

Non c'è un limite specifico, ma si consiglia di non convertire troppi colori contemporaneamente per evitare confusione. Utilizza il convertitore per un colore alla volta per il massimo controllo.