Come convertire i colori tra HEX, RGB, HSL e altri formati
Converti un colore tra HEX, RGB, HSL, CMYK e altri formati, scopri quali conversioni sono esatte e impara quale formato usare in ogni situazione.
3 min di lettura
Per convertire un colore, incollalo nel convertitore di colori. Scegli il formato che ti serve in Destinazione e copia il risultato. Lo strumento rileva automaticamente il formato di input, quindi funzionano #ff6600, rgb(255, 102, 0), orangered e anche 255, 102, 0. Il risultato appare mentre scrivi. Un campione di colore sotto il risultato ti mostra che lo strumento ha letto il colore giusto.
Lo stesso colore in quattro formati
HEX, RGB, HSL e CMYK sono modi diversi di rappresentare lo stesso colore. Ecco un arancione in tutti e quattro i formati:
| Formato | Valore | Significato dei numeri |
|---|---|---|
| HEX | #ff6600 |
Rosso, verde e blu, ciascuno espresso con due cifre esadecimali |
| RGB | rgb(255, 102, 0) |
Rosso, verde e blu, da 0 a 255 |
| HSL | hsl(24, 100%, 50%) |
Tonalità sulla ruota dei colori, saturazione, luminosità |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Inchiostri ciano, magenta, giallo e nero |
HEX e RGB usano gli stessi tre numeri, scritti in modo diverso. La conversione tra i due è esatta. HSL è più facile da modificare a mano: aumenta il valore della luminosità e il colore diventa più chiaro.
Perché CMYK è diverso
CMYK è pensato per la stampa e i valori esatti dipendono dalla stampante, dalla carta e dall'inchiostro. Il convertitore usa la formula standard senza un profilo di stampa, quindi una tipografia potrebbe fornire valori leggermente diversi per lo stesso colore. Usa il risultato CMYK per i mockup e chiedi alla tipografia una prova di stampa prima della stampa definitiva.
Quale formato usare
- CSS e HTML: usa HEX. È breve e tutti i browser lo leggono.
- Una palette di colori: usa HSL. Puoi ottenere tonalità più chiare o più scure modificando un solo numero.
- Trasparenza nel codice: usa RGB con un valore alfa oppure HEX a otto cifre.
rgba(37, 99, 235, 0.5)diventa#2563eb80e le ultime due cifre indicano l'opacità. - Mockup per la stampa: usa CMYK e tieni presente quanto detto sopra.
I nomi dei colori non sono esatti
Il convertitore supporta 17 formati, tra cui OKLCH, LAB, HSV, i nomi dei colori CSS e i codici ANSI del terminale. Il risultato con il nome di un colore è il nome CSS più simile, non una corrispondenza esatta. #ff6600 restituisce orangered, ma orangered corrisponde in realtà a #ff4500. Usa i nomi per etichette rapide e i valori esatti per i colori del marchio.
Incolla il colore, controlla il campione e copia il risultato. È tutto qui.
Vuoi provare lo strumento?
Convertitore di colori
Converti colori tra HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, nomi di colori CSS, codici ANSI del terminale e altro, con rilevamento automatico del formato e anteprima in tempo reale.