Color converter

Cosa fa questo color converter

Questo color converter italiano ti permette di tradurre qualsiasi valore cromatico tra i quattro formati più usati nel web e nella stampa: HEX, RGB, HSL e CMYK. Incolla un codice esadecimale come #1e90ff, una stringa CSS come rgb(30,144,255) oppure hsl(210,100%,56%) e ottieni subito tutti gli equivalenti con anteprima live del colore. Il calcolo avviene interamente in JavaScript puro — nessuna libreria di terze parti, nessuna chiamata di rete. Come specifica il WHATWG Encoding Standard, la codifica dei dati ha regole precise: allo stesso modo, ogni spazio colore segue formule matematiche definite che questo tool applica senza approssimazioni arbitrarie. 100% lato client — i tuoi dati non lasciano mai il browser. Nessun upload, nessun tracciamento, nessun log sul server.

Funzionalità

• Conversione HEX ↔ RGB. Converti hex in rgb e viceversa in tempo reale. Accetta sia la forma a 6 cifre #1e90ff sia quella abbreviata #fff, interpretando correttamente il canale alpha quando presente.
• Supporto HSL completo. Converte RGB in HSL e HSL in HEX mantenendo la precisione. Ricorda: la tinta HSL è in gradi (0–360), saturazione e luminosità in percentuale — un dettaglio che genera spesso confusione negli stylesheet CSS.
• CMYK approssimato per la stampa. Calcola i valori CMYK a partire da RGB con la formula standard. Il tool è onesto: il CMYK su schermo è sempre un'approssimazione. Per la stampa professionale servono profili ICC e la gestione del colore del RIP — la conversione matematica è un punto di partenza, non un risultato finale.
• Color picker nativo del browser. Il selettore colore integrato usa l'API <input type="color"> del browser, senza dipendenze esterne. Seleziona visivamente qualsiasi tinta e ottieni subito tutti i formati corrispondenti.
• Anteprima live e copia rapida. Un riquadro di anteprima mostra il colore in tempo reale mentre digiti. Ogni formato ha il suo pulsante Copia per incollare il valore direttamente nel tuo CSS, Figma o Sketch. Se lavori anche con identificatori esadecimali in altri contesti, il [Number Base Converter](/it/number-base-converter/) è lo strumento complementare ideale.
• Input CSS-style flessibile. Accetta la sintassi che già usi: #fff, #ffffff, rgb(255,255,255), hsl(0,0%,100%). Non serve normalizzare il formato prima di incollare.

Come usare il color converter

Bastano pochi secondi: incolla il tuo valore, scegli il formato di partenza e copia il risultato.

1. Inserisci il colore. Digita o incolla un valore nel campo di input. Sono accettati #1e90ff, rgb(30,144,255) e hsl(210,100%,56%). In alternativa clicca il selettore per scegliere visivamente la tinta.
2. Osserva la conversione immediata. Il tool aggiorna tutti i formati (HEX, RGB, HSL, CMYK) in tempo reale mentre scrivi, senza bisogno di premere Invio.
3. Controlla l'anteprima. Il riquadro Anteprima riflette istantaneamente il colore calcolato — utile per verificare di non aver commesso un errore di digitazione.
4. Copia il formato che ti serve. Premi Copia accanto al formato desiderato. Il valore è già negli appunti, pronto per il tuo CSS o il software grafico.
5. Nota sul CMYK. I valori CMYK mostrati sono calcolati matematicamente da RGB. Per un progetto di stampa invia sempre al tipografo il file con profilo ICC incorporato — la conversione schermo→inchiostro dipende da carta, lastra e profilo Pantone specifici.

Casi d'uso comuni

• Designer che consegnano tavole colore alla tipografia. Converti i HEX del brand in valori CMYK da comunicare al reparto stampa come punto di riferimento approssimato, chiarendo che la corrispondenza definitiva richiede una prova colore fisica.
• Sviluppatori frontend che costruiscono palette accessibili. HSL è il formato ideale per generare varianti di colore accessibili: tieni fissa la tinta, aggiusta luminosità e saturazione per creare stati hover, focus e disabled senza uscire dalla palette.
• Ispezione rapida di screenshot e mockup. Estrai il colore esatto da un'immagine con il color picker del sistema operativo, poi incollalo qui per ottenere immediatamente il codice HEX o i valori RGB da inserire nel CSS.
• Generazione di variabili CSS da file di design. Quando un file Figma usa nomi come Blue/500 #3B82F6, converti rapidamente tutti i token in rgb() o hsl() per popolare il tuo design-tokens.css senza calcoli manuali. Per altri tipi di encoding, lo strumento [Base64 encoder & decoder](/it/base64/) copre la serializzazione di dati binari.
• Verifica di codici colore in API grafiche. Molte API (Canvas, WebGL, shader GLSL) usano valori RGB normalizzati da 0.0 a 1.0 anziché 0–255. Questo tool mostra i valori RGB interi; dividili per 255 per ottenere il floating-point corretto.

Domande frequenti