Convertitore di Codice Colore RGB ⇄ Hex — Gratuito, Senza Registrazione

Converti all'istante i valori RGB in decimale in codici colore esadecimali e viceversa. Pratico per CSS, strumenti di design e verifica rapida dei codici colore — gratuito, senza registrazione.

Decimale

R
G
B


Esadecimale

#

Consigli

  • In CSS il colore si può indicare sia nella forma #RRGGBB sia come rgb(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 #FFF equivale a #FFFFFF (bianco) ed è una notazione valida in CSS.

Domande frequenti

Ogni canale accetta numeri interi da 0 a 255. In esadecimale si scrivono con due cifre, da 00 a FF.

No. In CSS #FFFFFF e #ffffff indicano lo stesso colore: la distinzione fra maiuscole e minuscole non viene considerata.

Solo quando le due cifre di ciascun canale sono uguali (#RRGGBB → #RGB). Un valore come #1DA1F2 non è abbreviabile.
Tool-kun

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.

Leggi le curiosità collegate

Vedi tutte le curiosità

Chi consulta questo strumento guarda anche

Convertitore fra modelli di colore (RGB, HSL, HSV, CMYK)

Indicate un colore con il codice esadecimale o con il selettore e ottenete contemporaneamente i valori nei quattro sistemi RGB, HSL, HSV (HSB) e CMYK.

Verifica del rapporto di contrasto (criteri WCAG)

Indicate due colori per calcolare il rapporto di contrasto secondo le WCAG (Web Content Accessibility Guidelines) e verificare la conformità ai livelli AA e AAA.

Simulatore di daltonismo (deficit della visione dei colori)

Strumento gratuito che simula in modo approssimato come viene percepito un colore da chi ha una protanopia, una deuteranopia o una tritanopia.

Raccolta di palette di colori — colori web standard e Material Design pronti da copiare

Elenco delle palette di uso più comune nel design — colori web standard, sistema cromatico Material Design, scale di grigi — con il relativo codice HEX. Basta un clic per copiarlo.

Estrai i colori da un'immagine (estrattore di colori dominanti)

Caricate un'immagine per estrarre automaticamente i colori dominanti presenti in una fotografia o in un'illustrazione. Tutta l'elaborazione avviene nel browser e l'immagine non viene inviata a un server.

Da RGBA a RGB (fusione con il colore di sfondo)

Indicate un colore di primo piano semitrasparente (RGBA) e un colore di sfondo per calcolare, tramite fusione alfa, il colore RGB opaco che ne risulta. Utile per creare colori di ripiego negli ambienti che non supportano...