Strumenti colore

Convertitore colore online | Sincronizzazione RGB, HEX, HSL, HSV e CMYK

Converti un colore tra RGB, HEX, HSL, HSV e CMYK: modifica un formato e tutti gli altri valori, incluso da RGB a esadecimale, si aggiornano subito.

Sincronizzazione liveNessun upload richiesto

Anteprima visiva

Usa swatch, selettore nativo e slider alpha per regolare con precisione lo stesso colore in tutti i formati.

Colore di anteprima

#3B82F6

rgba(59, 130, 246, 0.84)

#3B82F6
0.84
01

Canali live

HEX
R
59
G
130
B
246
A
0.84

Se un campo diventa temporaneamente non valido mentre scrivi, l’ultimo colore valido resta attivo. Completa il valore e gli altri formati torneranno a sincronizzarsi automaticamente.

Sincronizzazione liveNessun upload richiesto

Editor bidirezionale dei formati colore

Tutti i formati qui sotto sono modificabili. Se cambi HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK o CMYKA, gli altri modelli colore resteranno sincronizzati subito.

HEX

origine

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Spiegazione

Spiegazione

RGB

RGB è un modello colore standard composto dai canali rosso (R), verde (G) e blu (B). Regolando l’intensità di questi tre canali, RGB può rappresentare la maggior parte dei colori visibili sugli schermi ed è uno dei sistemi più usati nel digitale.

RGBA

RGBA è RGB con un canale alpha per la trasparenza. R, G e B usano valori da 0 a 255, mentre A usa di solito valori da 0 a 1 oppure da 0% a 100%. È molto comune in CSS quando lo stesso colore richiede diversi livelli di opacità.

HEX

HEX è un modo esadecimale per rappresentare i colori. È molto usato nel web design e in CSS perché è compatto e facile da copiare. Un valore come #2E8B57 salva rosso, verde e blu come coppie esadecimali, e le varianti estese possono includere anche la trasparenza.

HSL

HSL (Hue, Saturation, Lightness) rappresenta i colori RGB in un sistema cilindrico. H indica la famiglia del colore, S la purezza del colore e L la luminosità. 0% è il più scuro, 50% è bilanciato e 100% è il più chiaro.

HSLA

HSLA è la variante di HSL con canale alpha. Mantiene tonalità, saturazione e luminosità aggiungendo la trasparenza, quindi è utile per ombre, overlay, riempimenti semitrasparenti e stati dell’interfaccia.

HSV

HSV (Hue, Saturation, Value) è uno spazio colore creato da A. R. Smith nel 1978, noto anche come Hexcone Model. Poiché Value descrive direttamente quanto appare luminosa una tinta, HSV è spesso più intuitivo per scegliere i colori.

HSVA

HSVA estende HSV con un canale alpha. È utile quando vuoi usare il modello tonalità, saturazione e valore insieme all’opacità per interfacce e grafiche a livelli.

CMYK

CMYK è una modalità colore usata nella stampa. I materiali stampati si vedono grazie alla luce riflessa, quindi è adatta a giornali, packaging e brochure. A differenza di RGB per gli schermi, CMYK è pensato per l’inchiostro su carta.

CMYKA

CMYKA estende CMYK aggiungendo un canale alpha. È utile quando vuoi descrivere i valori di ciano, magenta, giallo e nero insieme alla trasparenza per passaggi di design o risorse a livelli.

Come usare il convertitore colore online

01

Incolla o digita un valore in qualsiasi campo formato, ad esempio HEX, RGB, RGBA, HSL, HSV o CMYK.

02

Appena il valore è valido, lo strumento lo converte automaticamente in tutti gli altri formati colore supportati.

03

Usa anteprima, selettore colore, slider alpha e azioni di copia per rifinire ed esportare il colore esatto che ti serve.

Funzioni principali

Sincronizzazione bidirezionale dei formati

Modifica qualsiasi formato supportato e mantieni RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK e CMYKA sincronizzati in tempo reale.

Controlli colore visivi

Visualizza subito il colore corrente con swatch live, selettore del browser, slider alpha e lettura dei canali.

Conversione nel browser

Ogni campo accetta una sintassi familiare e tutta la conversione avviene nel browser per restare veloce e privata.

FAQ del convertitore colore

Posso modificare qualsiasi formato colore e aggiornare tutti gli altri?

Sì. Il convertitore sincronizza in entrambe le direzioni. Se modifichi RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK o CMYKA, gli altri formati si aggiornano non appena il valore è valido.

Come viene gestita la trasparenza durante la conversione?

HEX viene mostrato senza alpha perché la pagina si concentra sui formati richiesti. La trasparenza viene mantenuta in RGBA, HSLA, HSVA e CMYKA e l’anteprima riflette sempre l’opacità corrente.

Questo convertitore colore è privato?

No. Tutta la logica di conversione viene eseguita localmente nel browser, quindi i valori colore non vengono caricati su un server.

Converti un colore tra HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK e CMYKA in un unico strumento. Modifica un solo campo, ad esempio per passare da RGB a esadecimale o da RGB a CMYK, e tutti gli altri formati si aggiornano subito grazie alla sincronizzazione bidirezionale. Un’anteprima dal vivo, il selettore colore del browser e lo slider alpha ti permettono di regolare tinta e opacità con precisione. Tutta la conversione avviene nel tuo browser, quindi i valori colore non vengono mai caricati su un server.

Come usare il convertitore colore

  1. 1

    Inserisci un valore colore

    Incolla o digita un valore in un qualsiasi campo formato, ad esempio #2E8B57 per HEX, rgb(46, 139, 87) per RGB oppure hsl(146, 50%, 36%) per HSL.

  2. 2

    Guarda tutti i formati sincronizzarsi

    Appena il valore è valido, lo strumento lo converte contemporaneamente in tutti gli altri formati supportati: RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK e CMYKA.

  3. 3

    Rifinisci il colore

    Usa lo swatch dal vivo, il selettore colore nativo e lo slider alpha per regolare tonalità e opacità, oppure premi Casuale per esplorare nuovi colori.

  4. 4

    Copia o esporta

    Clicca un campo per copiarne il valore, oppure usa Copia tutto per prendere ogni formato in una volta sola da usare nel tuo CSS, nei file di design o nel codice.

Riferimenti

  • W3C — CSS Color Module Level 4

    La specifica W3C che definisce i formati colore CSS, inclusi HEX, rgb(), hsl(), hwb() e la sintassi colore moderna.

  • MDN — Valore CSS <color>

    Riferimento MDN che copre tutte le notazioni colore CSS, tra cui HEX, RGB/RGBA, HSL/HSLA e il funzionamento della trasparenza alpha.

Strumenti correlati

Domande frequenti

Come si converte da RGB a HEX o da HEX a RGB?
Digita un valore HEX come #2E8B57 nel campo HEX e il campo RGB mostra subito rgb(46, 139, 87), e viceversa. Poiché tutti i formati restano sincronizzati, la conversione funziona in entrambe le direzioni senza un passaggio separato.
Lo strumento converte da RGB a CMYK per la stampa?
Sì. I campi CMYK e CMYKA si aggiornano ogni volta che modifichi un altro formato, dandoti valori di ciano, magenta, giallo e nero pronti per la stampa. Tieni presente che il CMYK dipende dal dispositivo, quindi il risultato a schermo e quello stampato possono differire leggermente.
Posso convertire un colore RAL, Pantone o NCS?
Questo strumento converte tra i formati digitali standard: HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK e CMYKA. RAL, Pantone e NCS sono cataloghi cromatici proprietari basati su campioni fisici: una volta che conosci l’equivalente HEX o RGB di una tinta RAL o Pantone, puoi incollarlo qui per ottenere tutti gli altri formati.
Posso modificare qualsiasi formato colore e aggiornare tutti gli altri?
Sì. Il convertitore sincronizza in entrambe le direzioni. Se modifichi RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK o CMYKA, gli altri formati si aggiornano non appena il valore è valido.
Come viene gestita la trasparenza durante la conversione?
Il valore HEX viene mostrato senza alpha perché la pagina si concentra sui formati richiesti. La trasparenza viene mantenuta in RGBA, HSLA, HSVA e CMYKA e l’anteprima riflette sempre l’opacità corrente.
Questo convertitore colore è privato?
Sì. Nessun dato lascia il tuo dispositivo: tutta la logica di conversione viene eseguita localmente nel browser, quindi i valori colore non vengono mai caricati su un server.