Convertitore Colori Gratis: HEX, RGB, HSL e CMYK
Questo convertitore colori gratuito prende un colore in HEX, RGB, HSL o CMYK e lo restituisce in tutti e quattro i formati, con un campione per verificarlo, valori CSS pronti da incollare e il colore denominato CSS più vicino. Incolla #1273b5, rgb(18, 115, 181), hsl(204, 82%, 39%) o 90, 36, 0, 29 e il formato viene rilevato automaticamente. È adatto a designer, sviluppatori e a chiunque debba abbinare un colore del brand per la stampa.
Color Converter
Generators and Converters
Informazioni su questo strumento
HEX e RGB descrivono la stessa cosa: quanta luce rossa, verde e blu mescola uno schermo, da 0 a 255 per canale, scritta in esadecimale o decimale. HSL descrive il colore come lo pensano le persone, come una tonalità sulla ruota dei colori, una saturazione e una luminosità, il che lo rende il formato più facile per rendere un colore più chiaro, più scuro o più attenuato in CSS. CMYK è il modello sottrattivo che usano le stampanti: inchiostro ciano, magenta, giallo e nero come percentuali.
Il convertitore accetta HEX abbreviato (#abc), HEX con o senza hash, funzioni CSS rgb() e hsl(), numeri separati da virgola o spazio, e cmyk() o quattro percentuali. I valori alfa vengono ignorati. Converte attraverso RGB utilizzando le formule standard, arrotonda HSL a gradi e percentuali interi e mostra il più vicino tra i colori denominati CSS per distanza, il che è utile quando hai bisogno di un nome leggibile in una guida di stile.
La conversione CMYK qui è di tipo matematico semplice, senza profilo colore ICC, quindi ti dice le proporzioni di inchiostro ma non esattamente come una specifica macchina da stampa e carta renderizzeranno il colore. Per lavori di brand che vanno in stampa, dai al tuo stampatore il valore HEX o RGB e chiedi una bozza, oppure abbina un campione Pantone. I colori dello schermo più luminosi di qualsiasi inchiostro, come il verde RGB puro, stamperanno sempre più opachi.
Domande frequenti
Come converto HEX in RGB manualmente?
Dividi l'HEX a sei cifre in tre coppie: #1273b5 è 12, 73 e b5. Converti ogni coppia da esadecimale a decimale: 12 è 18, 73 è 115 e b5 è 181, quindi il colore è rgb(18, 115, 181). Un HEX a tre cifre come #fa3 raddoppia prima ogni cifra: #ffaa33. Nel senso opposto, converti ogni canale in un numero esadecimale a due cifre e uniscili.
Perché il mio colore CMYK appare diverso quando stampato?
Uno schermo mescola la luce e una stampante mescola l'inchiostro, e l'inchiostro non può riprodurre i colori dello schermo più luminosi, specialmente verdi, blu e arancioni saturi. La matematica qui fornisce le proporzioni di inchiostro senza un profilo colore, quindi il risultato stampato dipende anche dalla macchina da stampa, dalla carta e dal profilo che usa lo stampatore. Chiedi una bozza stampata per qualsiasi colore del brand che sia importante.
Quando devo usare HSL invece di HEX in CSS?
Usa HSL quando costruisci una palette da un colore del brand: mantieni la tonalità, poi cambia la luminosità per gli stati hover, i bordi e gli sfondi, e la saturazione per le varianti attenuate. I valori rimangono leggibili e correlati, dove un insieme di codici HEX sembra casuale. Ogni browser moderno supporta hsl() e puoi mescolare HSL e HEX liberamente in un foglio di stile.
Il convertitore gestisce la trasparenza?
Legge valori HEX a 8 cifre, rgba() e hsla() ma ignora la parte alfa e converte solo il colore solido, perché CMYK e i colori denominati non hanno trasparenza. Aggiungi l'alfa nel tuo CSS, ad esempio rgb(18 115 181 / 50%). Il campione mostra sempre il colore solido.