Convertitore da RGB a Hex (e da Hex a RGB) — Gratuito, Senza Registrazione
Inserisci un valore RGB o un codice colore esadecimale per ottenere subito la conversione nella direzione opposta. Funziona sia da RGB a hex sia da hex a RGB, pronto da incollare nel tuo CSS o strumento di design — gratuito, senza registrazione.
Decimale
| R | |
|---|---|
| G | |
| B |
Esadecimale
| # |
|---|
Come si corrispondono RGB e codici colore esadecimali
Un colore sullo schermo è deciso da quanto vengono mescolate tre luci: rossa, verde e blu. Esprimere l'intensità di ciascuna con un numero da 0 a 255 dà il formato RGB; riscrivere gli stessi valori in due cifre esadecimali ciascuno e allinearli dà il codice colore esadecimale #RRGGBB. Le due, in altre parole, sono semplicemente notazioni diverse dello stesso colore, e questo strumento converte dall'una all'altra.
Le notazioni sono due perché si prestano a lavori diversi. L'esadecimale esprime un colore in sei caratteri, il che rende comodo passarlo tra CSS e strumenti di progettazione. L'RGB, invece, mostra ogni componente come numero visibile, il che rende assai più semplici regolazioni del tipo « alzare un po' il rosso ». Entrambi i formati vengono mostrati perché possiate usare quello adatto al compito del momento.
Come si usa il convertitore di codici colore
- Inserite il valore da convertire Mettete i valori R, G e B nei campi decimali, oppure un codice colore nel campo esadecimale. La conversione funziona in entrambi i versi.
- Leggete l'altro formato Il valore corrispondente compare mentre digitate, pronto per essere copiato direttamente nel CSS o in uno strumento di progettazione.
- Regolate i valori e provate i colori Alzare e abbassare i numeri sul lato decimale rende facile seguire il cambiamento di colore, così potete avvicinarvi alla tonalità che cercate.
Consigli per sfruttarlo al meglio
- In CSS il colore si può indicare sia nella forma
#RRGGBBsia comergb(R, G, B). - Ciascun valore di R (rosso), G (verde) e B (blu) va da 0 a 255 (da 00 a FF in esadecimale).
- Il bianco è
#FFFFFF(255, 255, 255), il nero è#000000(0, 0, 0). - Strumenti come Figma e Adobe XD accettano entrambe le notazioni: basta copiare il valore per applicare la conversione.
- La forma abbreviata
#FFFequivale a#FFFFFF(bianco) ed è una notazione valida in CSS.
Quando la conversione dei codici colore torna utile
Passare un colore dalla progettazione al codice
Convertite un colore che il vostro strumento di progettazione mostra in RGB nel formato esadecimale che il CSS si aspetta, ed evitate errori da conversione a mano.
Riprodurre fedelmente un colore di marca
Quando un colore prescritto vi arriva in uno solo dei formati, convertitelo nell'altro e mantenete tutto coerente. Evita che i colori divergano tra un documento e il web.
Regolare un colore poco alla volta
Regolazioni difficili da valutare in esadecimale diventano intuitive una volta passati ai numeri RGB: si prestano bene alla messa a punto di luminosità o tonalità.
Indagare la palette di un sito esistente
Convertite un codice colore raccolto negli strumenti per sviluppatori e vedrete l'intensità di ogni componente come numero.
I termini dei codici colore
- RGB
- Un sistema che esprime il colore attraverso l'intensità delle luci rossa, verde e blu. Ciascuna assume un valore da 0 a 255; tutte e tre a 255 danno il bianco.
- Esadecimale
- Una notazione che rappresenta i numeri con sedici simboli, da 0 a F. Poiché copre da 0 a 255 in esattamente due cifre, viene usata per i codici colore.
- Forma abbreviata
- La forma accorciata a tre cifre come
#FFF. Si può usare soltanto quando entrambe le cifre di ciascuna componente sono lo stesso carattere. - Colore a 24 bit
- Un sistema che assegna otto bit a ciascuna componente. Insieme esprimono all'incirca 16,77 milioni di colori.
- Canale
- Ciascuna singola componente che costituisce un colore. In RGB, rosso, verde e blu sono un canale ciascuno.
Domande frequenti
#FFFFFF e #ffffff indicano lo stesso colore: la distinzione fra maiuscole e minuscole non viene considerata.#RRGGBB → #RGB). Un valore come #1DA1F2 non è abbreviabile.
A proposito — l'occhio umano e il mondo dei 16 milioni di colori
Si stima che l'occhio umano sappia distinguere circa 10 milioni di colori, con differenze individuali. Il colore RGB a 24 bit (8 bit per canale) ne rappresenta 16.777.216, ben oltre la nostra capacità di discriminazione.
Alcuni colori di marchi noti espressi in RGB: il blu di Twitter #1DA1F2 (29, 161, 242), il rosso di Google #EA4335 (234, 67, 53). L'iconico «Tiffany Blue» si avvicina a #0ABAB5 ed è uno dei rari casi di colore registrato come marchio.
Curiosamente, in CSS esiste un nome di colore chiamato «rebeccapurple» (#663399). Fu proposto dalla comunità CSS e adottato ufficialmente nel 2014 in memoria di Rebecca, la figlia di Eric Meyer, uno degli autori delle specifiche, scomparsa a sei anni. È un episodio che la comunità degli sviluppatori continua a tramandare.