Convertitore di colori
Converti colori tra HEX, RGB, HSL e CMYK istantaneamente nel tuo browser. Selettore e convertitore gratuito, 100% privato.
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
Funzionalità
100% nel browser
Tutte le conversioni di colore avvengono nel tuo browser. I tuoi dati non lasciano mai il tuo dispositivo.
Gratuito e senza registrazione
Nessuna registrazione, nessun limite, nessun costo nascosto.
Risultati istantanei
Conversione in tempo reale mentre digiti — vedi ogni formato aggiornarsi in diretta.
Selettore visivo dei colori
Scegli i colori visivamente con un selettore integrato e visualizza i valori HEX, RGB, HSL e CMYK contemporaneamente.
Come funziona il convertitore di colori?
- Scegli il formato di input — HEX, RGB, HSL o CMYK — e inserisci il valore del colore.
- Il convertitore mostra istantaneamente il colore in tutti gli altri formati supportati mentre digiti.
- Usa il selettore visivo per scegliere un colore cliccando sullo spettro o inserendo i valori direttamente.
- Copia qualsiasi valore convertito negli appunti con un clic, pronto da incollare nel CSS o nello strumento di design.
- Sperimenta liberamente — ToolsMio elabora tutto nel tuo browser, i tuoi dati cromatici restano privati.
Casi d'uso comuni
Web design e CSS
Converti colori HEX in RGB o HSL per proprietà CSS come rgba() e hsla() che supportano la trasparenza. ToolsMio rende il cambio di formato istantaneo.
Conformità alle linee guida del brand
Garantisci la coerenza dei colori del brand convertendo tra formati HEX, RGB e CMYK usati da diversi strumenti di design e stampa.
Verifica accessibilità e contrasto
Converti in HSL per analizzare meglio luminosità e saturazione ai fini della conformità al contrasto WCAG per design accessibili.
Consegna design multipiattaforma
Sviluppatori e designer usano spesso formati diversi. Converti rapidamente per collegare i valori HEX di Figma con RGB nel codice.
Cosa dovresti sapere sulla conversione dei colori?
- ✓ HEX e RGB rappresentano lo stesso colore in notazioni diverse — HEX è la forma abbreviata dei valori RGB in esadecimale. ToolsMio converte senza perdita tra loro.
- ✓ HSL (Tonalità, Saturazione, Luminosità) è spesso più intuitivo per regolare i colori perché ogni canale corrisponde a un attributo percepibile dall'uomo.
- ✓ CMYK è usato principalmente per la stampa. I colori possono apparire diversi su schermo e stampa a causa dei diversi gamut tra RGB e CMYK.
- ✓ Controlla sempre i rapporti di contrasto nella scelta dei colori del testo. WCAG 2.1 richiede almeno 4,5:1 per testo normale e 3:1 per testo grande.
- ✓ In rgba() CSS il valore alfa va da 0 (completamente trasparente) a 1 (completamente opaco), offrendo un controllo preciso sulla trasparenza.
Domande Frequenti
I miei dati vengono inviati a qualche server?
No. Tutte le conversioni di colore vengono eseguite interamente nel tuo browser utilizzando JavaScript. Nessun dato viene mai caricato o inviato ad alcun server. Quando inserisci un codice HEX o selezioni un colore, il tuo browser calcola localmente i valori equivalenti in RGB, HSL e CMYK senza effettuare alcuna richiesta di rete. Questo significa che le tue scelte cromatiche rimangono completamente private — nulla viene registrato, memorizzato o analizzato da noi. Anche se stai lavorando con colori di brand proprietari o sistemi di design riservati, puoi usare ToolsMio con la piena sicurezza che i tuoi dati restano sul tuo dispositivo. Lo strumento funziona offline una volta caricata la pagina, così puoi continuare a convertire colori anche senza connessione internet. La tua privacy è la nostra priorità.
Quali formati di colore sono supportati?
ToolsMio supporta la conversione tra quattro principali formati di colore: HEX, RGB, HSL e CMYK. HEX è la notazione standard usata in CSS e HTML, che rappresenta i colori come un codice di sei caratteri come #FF5733. RGB (Rosso, Verde, Blu) esprime i colori come tre valori numerici da 0 a 255, comunemente usati nella programmazione e nel design digitale. HSL (Tonalità, Saturazione, Luminosità) fornisce un modo più intuitivo per descrivere i colori basato sulla percezione umana, rendendo più facile creare variazioni regolando luminosità o saturazione. CMYK (Ciano, Magenta, Giallo, Chiave/Nero) è il modello colore usato nella stampa professionale e nel design grafico. Supportando tutti e quattro i formati, ToolsMio colma il divario tra il design su schermo e la produzione a stampa, garantendo che i tuoi colori rimangano coerenti in ogni supporto e flusso di lavoro.
Come si converte HEX in RGB?
Convertire HEX in RGB è semplice con ToolsMio. Incolla o digita semplicemente il tuo codice colore HEX nel campo di inserimento — ad esempio, #00E5A0 — e i valori RGB corrispondenti verranno visualizzati istantaneamente. Lo strumento analizza il codice HEX di sei caratteri, dividendolo in tre coppie che rappresentano i canali rosso, verde e blu, e converte ogni coppia da esadecimale al suo equivalente decimale. Puoi anche usare il selettore colori integrato per scegliere un colore visivamente invece di digitare un codice. Basta cliccare sullo spettro dei colori o inserire valori specifici e tutte le conversioni di formato si aggiornano in tempo reale. Se preferisci un formato di partenza diverso, puoi inserire direttamente valori RGB, HSL o CMYK e l'equivalente HEX apparirà accanto. Copia qualsiasi risultato negli appunti con un solo clic per un uso immediato nel tuo CSS o strumenti di design.
È incluso un selettore di colori?
Sì! ToolsMio include un selettore visivo dei colori completamente interattivo che rende la selezione e l'esplorazione dei colori semplice e intuitiva. Puoi cliccare ovunque sullo spettro dei colori per scegliere una tonalità, quindi regolare luminosità e saturazione utilizzando il cursore. Mentre sposti il selettore, tutti e quattro i formati colore — HEX, RGB, HSL e CMYK — si aggiornano in tempo reale, permettendoti di vedere esattamente come lo stesso colore è rappresentato in sistemi diversi. Questo è particolarmente utile quando devi corrispondere un colore specifico da un mockup di design o una fotografia. Puoi anche perfezionare la tua selezione digitando valori precisi direttamente in uno qualsiasi dei campi di formato. Il selettore colori funziona interamente nel tuo browser senza dipendenza dal server, offrendoti feedback istantaneo e completa privacy mentre sperimenti diverse combinazioni cromatiche per i tuoi progetti.