HEX · RGB · HSL · HSV · CMYK
Convertitore di colori
Il colore #0060fd è rgb(0, 96, 253), hsl(217, 100%, 50%) e cmyk(100%, 62%, 0%, 1%). Digita un colore CSS qualsiasi o usa il selettore per convertire il tuo.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
I riquadri si aggiornano mentre digiti. Se il testo non è un colore, compare un errore e resta visibile l'ultimo colore valido.
Scanned by 
NortonTM Safe Web
In breve
- Prezzo
- Nessun costo
- Account
- Non serve
- Caricamento
- Non applicabile — digiti un colore, nulla viene inviato altrove
- Input
- HEX (3, 4, 6 o 8 cifre), rgb(), hsl(), hwb(), 148 nomi di colore CSS e transparent
- Output
- HEX, RGB, HSL, HSV, CMYK e il nome di colore CSS più vicino
- CMYK
- Conversione matematica, non un profilo di stampa
Colori comuni in ogni modello
Queste righe sono state prodotte dallo stesso codice del convertitore. HSL, HSV e CMYK sono arrotondati a numeri interi.
| Digitato | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Come convertire un colore
Inserisci un colore
Digita un codice HEX di 3, 4, 6 o 8 cifre, un valore rgb(), hsl() o hwb(), oppure uno dei 148 nomi di colore CSS. Puoi anche fare clic sul riquadro del colore e sceglierne uno con il selettore del browser.
Leggi gli altri modelli
Il campione mostra il colore su una scacchiera, così la trasparenza è visibile. I riquadri mostrano lo stesso colore in HEX, RGB, HSL, HSV e CMYK, e il nome di colore CSS più vicino.
Copia quello che ti serve
Premi Copia su un riquadro per mettere quel valore negli appunti, pronto da incollare in un foglio di stile, in uno strumento di progettazione o in un documento.
Come sono legati i modelli di colore
RGB descrive un colore come le quantità di luce rossa, verde e blu che uno schermo somma, ciascuna da 0 a 255; #0060fd è 0 di rosso, 96 di verde e 253 di blu. HEX sono gli stessi tre numeri scritti in base 16, quindi 96 diventa 60 e 253 diventa fd. HSL e HSV descrivono lo stesso colore come un angolo di tonalità da 0 a 360 gradi sulla ruota dei colori più due percentuali: la saturazione e la luminosità (HSL) o il valore (HSV). #0060fd ha tonalità 217 in entrambi. CMYK descrive l'inchiostro: ciano, magenta, giallo e nero vengono sottratti dalla carta bianca.
Il CMYK mostrato qui è la semplice conversione matematica: il nero è 1 meno il maggiore tra R, G e B, e ciano, magenta e giallo sono ciò che resta. Non è un profilo di stampa, quindi una stampante o un programma di grafica che usa profili ICC darà numeri CMYK diversi per lo stesso colore. I valori HSL sono mostrati come numeri interi, quindi riconvertire un valore arrotondato può spostare un canale di qualche unità: hsl(217, 100%, 50%) è #0062ff, non #0060fd. Il nome CSS più vicino è la parola chiave con la minima differenza di colore CIE76 nello spazio L*a*b*. Tutto avviene nel tuo browser e nulla viene inviato altrove.
Domande sul convertitore di colori
Come si converte HEX in RGB?
Dividi le sei cifre in tre coppie e leggi ogni coppia come un numero in base 16. #0060fd è 00, 60 e fd, cioè 0, 96 e 253, quindi il colore è rgb(0, 96, 253). Incolla il codice HEX nel campo e il riquadro RGB mostra il risultato.
Che cosa significano le ultime due cifre di un codice HEX a 8 cifre?
Sono il canale alfa, cioè l'opacità, da 00 (completamente trasparente) a ff (completamente opaco). #0060fd80 è lo stesso blu a 128 su 255, cioè circa il 50.2% di opacità, quindi viene mostrato come rgba(0, 96, 253, 0.502). Un codice a 4 cifre come #06f8 funziona allo stesso modo, con ogni cifra raddoppiata.
Qual è la differenza tra HSL e HSV?
Entrambi usano tonalità e saturazione, ma il terzo valore è diverso. In HSL, una luminosità del 50% è il colore puro, 0% è nero e 100% è bianco. In HSV, un valore del 100% è la versione più brillante del colore, e il bianco richiede una saturazione dello 0%. Lo stesso blu è hsl(217, 100%, 50%) e hsv(217, 100%, 99%).
Posso usare il risultato CMYK per la stampa?
Usalo solo come punto di partenza. Questa pagina usa la formula semplice tra RGB e CMYK, che non sa nulla di inchiostri, carta o del profilo di una stampante. Un centro stampa o un programma di grafica con un profilo colore convertirà lo stesso colore RGB in numeri CMYK diversi.
Quali formati di colore posso digitare?
HEX con o senza #, in 3, 4, 6 o 8 cifre; rgb() e rgba() con virgole o spazi, numeri o percentuali, e un alfa facoltativo dopo una barra; hsl(), hsla() e hwb() con un angolo in deg, rad, grad o turn; i 148 nomi di colore CSS come rebeccapurple; e transparent.
Perché il nome di colore più vicino non corrisponde esattamente?
CSS ha solo 148 nomi di colore, quindi la maggior parte dei colori non ha un nome proprio. La pagina sceglie il nome il cui colore appare più vicino, misurato come differenza di colore CIE76 nello spazio L*a*b*; per #0060fd è mediumslateblue. Quando il colore è esattamente uno di quelli con nome, come #ff0000, la pagina indica che la corrispondenza è esatta.