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.
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)
Selettore colore
Alpha
0.84Canali live
HEX- R
- 59
- G
- 130
- B
- 246
- A
- 0.84
Suggerimento di modifica
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.
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.
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
Incolla o digita un valore in qualsiasi campo formato, ad esempio HEX, RGB, RGBA, HSL, HSV o CMYK.
Appena il valore è valido, lo strumento lo converte automaticamente in tutti gli altri formati colore supportati.
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
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
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
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
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
CSS Minifier
Comprimi il CSS che usa i valori colore HEX, RGB e HSL appena convertiti.
SVG Viewer
Visualizza e ispeziona le grafiche SVG che si basano sui colori di riempimento e contorno.
Image to Base64
Codifica le immagini in stringhe Base64 da inserire inline accanto ai tuoi stili colore.
JSON Formatter
Formatta e valida il JSON che contiene palette colore e design token.
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.