Dal progetto al codice
Convertire i colori di un mockup in HEX o RGB è il passaggio obbligato verso il foglio di stile.
Convertitore di colore
Converte tra HEX, RGB, HSL e CMYK.
🔒 Questo file viene elaborato nel tuo browser. Non viene mai caricato su un server.
…
A cosa serve
Uno stesso colore si scrive in modi diversi a seconda di dove va usato, e questo strumento traduce fra tutti. HEX è il codice a sei caratteri comune sul web, RGB esprime il colore come miscela di rosso, verde e blu, HSL lo descrive per tonalità, saturazione e luminosità, e CMYK è il sistema della stampa.
La conversione serve ogni giorno perché ogni programma parla la sua lingua. Il grafico consegna un HEX, il programma di impaginazione chiede RGB, la tipografia lavora in CMYK e il foglio di stile accetta tutti e tre. Tradurre a mano è possibile ma noioso e soggetto a errori.
HSL merita una menzione a parte perché è il più intuitivo per regolare un colore a occhio. Mantenere la tonalità e alzare la luminosità dà una variante più chiara dello stesso colore, cosa ben più difficile agendo sui tre numeri di RGB.
Come funziona
- Scegli un colore con il selettore visivo o scrivi direttamente il suo codice HEX.
- Lo strumento calcola all’istante gli equivalenti in RGB, HSL e CMYK.
- Copia il formato che ti serve per il tuo progetto grafico o per il codice.
Quando usarlo
Preparare per la stampa
I colori a schermo si definiscono in RGB, la stampa lavora in CMYK. La conversione dà il punto di partenza.
Creare varianti
Regolando la luminosità in HSL si ottengono le versioni chiara e scura di un colore di marchio senza perdere la tonalità.
Consigli pratici
- La conversione in CMYK è la formula matematica standard. Per la stampa professionale la tipografia può richiedere un profilo colore specifico.
- Non tutti i colori a schermo si possono stampare: verdi e blu molto saturi restano sempre più spenti su carta.
- Conserva i colori del progetto in HEX, il formato più portabile.
- Prima di validare un colore per il testo, verifica il contrasto con lo sfondo previsto.
Domande frequenti
Perché mi servono più formati di colore?
Ogni contesto usa il suo: il CSS di solito usa HEX o RGB, la stampa usa CMYK, e HSL è più intuitivo per regolare a mano tonalità e luminosità.
La conversione in CMYK è esatta?
È una conversione matematica standard RGB→CMYK; per la stampa professionale la tipografia può richiedere un profilo colore specifico diverso.