Converti colori tra HEX, RGB, HSL e CMYK all'istante. Scegli un colore visivamente o inserisci i valori — ideale per designer e sviluppatori.
Questo strumento converte i codici colore tra i formati HEX, RGB, HSL e CMYK in tempo reale. Che tu stia costruendo un sito web, progettando un logo o abbinando colori del brand, basta scegliere un colore o inserire qualsiasi valore e tutti e quattro i formati si aggiornano all'istante. Tutto funziona nel browser — nessun dato viene inviato a un server.
Clicca sul campione di colore in alto per aprire il selettore di colore del tuo dispositivo, oppure digita un codice HEX direttamente nel campo HEX (il # è opzionale). Puoi anche regolare i numeri R, G, B per RGB o H, S, L per HSL — tutti i campi rimangono sincronizzati. Il CMYK si aggiorna automaticamente ed è di sola lettura. Clicca su Copia accanto a qualsiasi formato per copiare il valore pronto per CSS.
Un buon convertitore di colore non serve davvero a generare più codici. Serve a mantenere intatta una stessa scelta visiva mentre passa tra file di design, CSS, librerie di componenti e riferimenti di stampa. Lo stesso colore può richiedere HEX per una consegna, RGB per l’implementazione, HSL per una regolazione e CMYK per un documento vicino alla stampa.
Questo strumento tiene questi formati allineati in un unico punto, così puoi passare dall’uno all’altro senza perdere di vista il colore originale.
Una persona ragiona in design token o HEX, un’altra ha bisogno di valori CSS, e basta un carattere copiato male per ottenere la tonalità sbagliata in produzione.
Un colore di brand non è solo un’idea visiva. È un insieme di rappresentazioni numeriche precise che devono rimanere allineate tra asset, codice e documentazione.
Quando qualcosa sembra leggermente fuori posto, controllare lo stesso colore in più formati può far capire se il problema è nel codice, nella conversione o nel valore di origine.
Due valori possono sembrare vicini e comunque non rappresentare lo stesso colore. Questo conta ancora di più quando un sistema di brand dipende dalla coerenza.
CMYK è utile come riferimento, ma i flussi schermo e stampa non sono specchi perfetti. La conversione aiuta a tradurre, non a garantire un output fisico identico.
Il vantaggio di un convertitore sincronizzato è proprio poter regolare una rappresentazione e mantenere immediatamente allineate le altre.
Può capitare di trovare prima la tonalità giusta visivamente e solo dopo avere bisogno del valore HEX o HSL esatto per implementarla.
Se un documento elenca HEX, RGB e CMYK per lo stesso colore di brand, un convertitore rende più facile controllare che quei valori descrivano ancora lo stesso risultato atteso.
Quando un pulsante o uno sfondo sembra sbagliato, confrontare le uscite collegate può aiutare a isolare un valore incollato male o un fraintendimento del formato.
Questo strumento converte formati colore. Non valuta il contrasto di accessibilità, non costruisce una palette completa e non sostituisce una prova stampa calibrata. Serve a trasferire rappresentazioni in modo accurato, non a coprire ogni decisione di design sul colore.
L’obiettivo non è semplicemente generare più codici. È mantenere coerente un’identità cromatica mentre passa attraverso diverse parti di un flusso di lavoro. È lì che un convertitore fa davvero risparmiare tempo e previene incoerenze visive sottili.
Un codice HEX è una stringa di sei caratteri usata nel web design e in CSS per definire i colori. Inizia con # seguito da tre coppie di cifre esadecimali che rappresentano i valori di rosso, verde e blu — ad esempio, #ff0000 è rosso puro.
RGB (Rosso, Verde, Blu) è un modello colore additivo usato per gli schermi — mescola luce. CMYK (Ciano, Magenta, Giallo, Nero) è un modello sottrattivo usato nella stampa. I valori CMYK mostrati sono un'approssimazione matematica standard dai valori RGB.
Il software di stampa professionale usa profili colore ICC che variano in base alla stampante e alla carta. Questo strumento calcola un'approssimazione matematica standard, ideale per l'uso web ma che può differire dai profili specifici di stampa.
Sì — completamente gratuito e funziona interamente nel tuo browser. Nessun valore di colore viene inviato a un server.
Questo strumento gira interamente nel tuo browser. Nulla di ciò che digiti o incolli viene inviato a un server — tutta l'elaborazione avviene localmente sul tuo dispositivo.