Convertitore RGB in HEX

Il Convertitore RGB in HEX converte istantaneamente i valori di colore RGB (Rosso, Verde, Blu) in codici colore esadecimali utilizzati nel web design, nei CSS e nelle applicazioni grafiche. Fornisce output multiformato inclusi HSL, HSV e CMYK, insieme a snippet di codice CSS, palette di armonia cromatica, controllo del contrasto di accessibilità WCAG e corrispondenza del colore con nome più vicino.

Come funziona la conversione da RGB a HEX

RGB (Rosso, Verde, Blu) ed HEX sono due notazioni diverse per lo stesso modello di colore additivo utilizzato dai display elettronici. Ogni canale colore varia da 0 a 255 in decimale. Per convertire in HEX, ogni valore di canale decimale viene espresso come un numero esadecimale a due cifre (base 16) e le tre coppie vengono combinate con un prefisso #.

La formula di conversione

Per ogni valore di canale V (0–255):

1. Dividi V per 16. Il quoziente è la prima cifra esadecimale, il resto è la seconda.
2. Mappa le cifre 10–15 alle lettere A–F.
3. Combina: #RRGGBB

Esempio: RGB(255, 165, 0) → 255 = FF, 165 = A5, 0 = 00 → #FFA500 (Arancione)

Formati di colore spiegati

HEX (Esadecimale)

La notazione di colore più comune nello sviluppo web. Un # seguito da 6 cifre esadecimali che rappresentano RR, GG, BB. La scorciatoia (#RGB) è disponibile quando ogni coppia ha cifre identiche, ad es. #FF0000 → #F00.

HSL (Tonalità, Saturazione, Luminosità)

Un modello più intuitivo per i designer. La Tonalità (Hue) è un angolo sulla ruota dei colori (0°–360°), la Saturazione è la vivacità (0–100%) e la Luminosità (Lightness) varia dal nero (0%) attraverso il colore puro (50%) al bianco (100%). L'HSL facilita la creazione di variazioni di colore regolando un singolo parametro.

HSV / HSB (Tonalità, Saturazione, Valore / Brillantezza)

Simile all'HSL ma definisce la brillantezza in modo diverso. Un valore del 100% significa che il colore è nel suo stato più brillante possibile per quella tonalità e saturazione. Questo modello è utilizzato in molte applicazioni di progettazione grafica come Photoshop e Figma.

CMYK (Ciano, Magenta, Giallo, Key/Nero)

Un modello di colore sottrattivo utilizzato nella stampa. Mentre gli schermi aggiungono luce (RGB), le stampanti mescolano inchiostri che assorbono la luce (CMYK). La conversione in CMYK è essenziale quando si preparano progetti digitali per la stampa fisica per garantire la precisione del colore.

Tipi di armonia cromatica

Le armonie cromatiche sono combinazioni di colori basate sulle loro posizioni sulla ruota dei colori. Questo strumento ne genera quattro tipi:

• Complementare: Il colore direttamente opposto sulla ruota (distante 180°). Crea il massimo contrasto e impatto visivo.
• Analoga: Colori adiacenti sulla ruota (±30°). Crea design armoniosi e confortevoli che si trovano comunemente in natura.
• Triadica: Tre colori equamente distanziati (distanti 120°). Offre un contrasto vibrante mantenendo l'equilibrio.
• Complementare scissa: I due colori adiacenti al complemento (150° e 210°). Un'alternativa più morbida alla complementare con maggiore varietà.

Accessibilità del contrasto WCAG

Le Linee Guida per l'Accessibilità dei Contenuti Web (WCAG) definiscono i rapporti di contrasto per garantire la leggibilità:

Conversioni comuni da RGB a HEX

Domande Frequenti

Come si converte RGB in HEX?

Per convertire RGB in HEX, prendi ogni valore del canale colore (0-255), dividilo per 16 per ottenere il quoziente e il resto, quindi mappa ciascuno sulle cifre esadecimali (0-9, A-F). Combina tutti e tre i valori esadecimali a 2 cifre con un prefisso #. Ad esempio, RGB(255, 165, 0) diventa #FFA500: 255→FF, 165→A5, 0→00.

Qual è la differenza tra i codici colore RGB ed HEX?

RGB ed HEX rappresentano gli stessi colori utilizzando una notazione diversa. RGB utilizza tre numeri decimali (0-255) per i canali Rosso, Verde e Blu, come rgb(255, 0, 0). HEX utilizza un # seguito da sei cifre esadecimali, come #FF0000. Entrambi codificano informazioni sul colore identiche — HEX è semplicemente una rappresentazione in base 16 più compatta degli stessi valori RGB.

Quale modello di colore utilizza HEX?

I codici colore HEX utilizzano il modello di colore additivo RGB (Rosso, Verde, Blu), lo stesso modello utilizzato dai monitor dei computer. Le sei cifre esadecimali rappresentano tre coppie: le prime due per il rosso, le due centrali per il verde e le ultime due per il blu. Ogni coppia va da 00 (intensità 0) a FF (intensità massima 255).

Cos'è un rapporto di contrasto WCAG?

Il rapporto di contrasto WCAG misura la differenza di luminanza tra due colori, utilizzata per garantire la leggibilità del testo per le persone con disabilità visive. Il rapporto varia da 1:1 (nessun contrasto) a 21:1 (massimo). WCAG 2.0 richiede almeno 4.5:1 per il testo normale (livello AA), 3:1 per il testo grande (AA Large) e 7:1 per il contrasto migliorato (livello AAA).

Come si converte RGB in HSL?

Per convertire RGB in HSL: normalizza R, G, B su 0-1, trova i valori massimo e minimo, calcola la luminosità come (max+min)/2, la saturazione dipende dalla luminosità, e la tonalità viene calcolata in base a quale canale è dominante (0° per il rosso, 120° per il verde, 240° per il blu) regolata dalla differenza tra i canali.

Cos'è CMYK e quando dovrei usarlo?

CMYK sta per Ciano, Magenta, Giallo e Key (Nero). È un modello di colore sottrattivo utilizzato nella stampa. Mentre RGB/HEX sono utilizzati per gli schermi (miscelazione additiva della luce), il CMYK è essenziale per il design di stampa perché le stampanti mescolano l'inchiostro anziché la luce. La conversione di RGB in CMYK aiuta a garantire che i tuoi colori digitali si traducano correttamente nei materiali stampati.

Risorse aggiuntive

• Linee guida sul contrasto WCAG 2.1