Convertire un colore RGB in esadecimale

Converta un colore RGB nel formato esadecimale a sei cifre usato da CSS, sistemi di design, strumenti grafici e numerosi file di dati. Inserisca rosso, verde e blu come numeri interi da 0 a 255; il convertitore restituisce un codice nel formato #RRGGBB. Il calcolo è deterministico e non stima, limita o corregge silenziosamente valori non validi. Se un canale manca, contiene una frazione o non rientra nell’intervallo consentito, la richiesta restituisce un chiaro errore di input. Lo strumento è quindi adatto sia a rapidi controlli manuali sia a flussi automatizzati ripetibili nei quali l’esattezza del colore è importante.

Comprenda come RGB diventa un colore esadecimale

Un colore RGB memorizza tre intensità luminose indipendenti: rosso, verde e blu. Ogni canale può contenere uno dei 256 valori interi compresi tra 0 e 255. Un colore esadecimale a sei cifre rappresenta esattamente le stesse informazioni usando due cifre in base 16 per ciascun canale.

La prima coppia appartiene al rosso, la seconda al verde e l’ultima al blu. Il decimale 0 diventa 00, il decimale 255 diventa FF e i valori intermedi vengono convertiti e completati a due caratteri quando necessario. Per esempio, rosso 255, verde 128 e blu 0 producono #FF8000.

Il cancelletto identifica il valore come colore in CSS e in molti strumenti di design, mentre i sei caratteri successivi conservano i tre canali a otto bit senza perdita di precisione. Il convertitore restituisce sempre la forma completa a sei cifre, anche quando una notazione CSS abbreviata potrebbe descrivere lo stesso colore. Questo formato fisso è più facile da confrontare, archiviare, verificare e trasferire tra sistemi, perché ogni risposta valida mantiene la stessa lunghezza e lo stesso ordine dei canali.

Le lettere sono maiuscole, ma CSS interpreta allo stesso modo i codici esadecimali maiuscoli e minuscoli.

Fornisca canali validi e interpreti gli errori

Invii un oggetto contenente r, g e b, assegnando a ogni campo un numero intero compreso tra 0 e 255 inclusi. Tutti e tre i campi sono obbligatori, perché l’assenza di un canale renderebbe il colore incompleto. Zero è valido e indica che la primaria corrispondente non contribuisce con luce; anche 255 è valido e indica l’intensità massima.

Valori come 12.5 vengono rifiutati perché, secondo questo contratto, un canale RGB a otto bit deve essere un intero. I numeri negativi e quelli superiori a 255 vengono rifiutati anziché limitati. Una limitazione potrebbe nascondere una lettura errata di un sensore, una formula difettosa in un foglio di calcolo, un controllo dell’interfaccia configurato male o una regola di convalida a monte non funzionante; un errore visibile è quindi più sicuro nei processi automatici.

In caso di errore, controlli il canale indicato, corregga il valore alla fonte e invii nuovamente la terna completa. Una risposta valida contiene un solo campo hex, con cancelletto iniziale ed esattamente sei cifre esadecimali. Senza rete, casualità o orologio, gli stessi valori producono sempre il medesimo risultato.

Usi il risultato nei flussi di design e sviluppo

Il codice restituito può essere inserito direttamente in proprietà CSS come color, background-color, border-color e fill. È inoltre adatto ai comuni formati per token di design, file di configurazione dei temi, tavolozze dei grafici, modelli e-mail e documentazione dei colori aziendali. Chi progetta può convertire i canali copiati da un editor di immagini prima di aggiungere un campione a una libreria di componenti.

Chi sviluppa può trasformare colonne RGB provenienti da un database o da un foglio di calcolo in stringhe standard prima di esportare un tema. Le suite di test possono creare valori attesi esatti per selettori di colore e codice di serializzazione. Le pipeline di dati traggono vantaggio dagli errori rigorosi, poiché un canale non valido interrompe la conversione invece di introdurre un colore plausibile ma errato.

Per attività occasionali, l’interfaccia del browser permette di controllare una terna senza scrivere codice. Mantenga il cancelletto per CSS; se un altro sistema richiede soltanto sei caratteri, lo rimuova senza cambiare le coppie. Questa capacità non calcola trasparenza, profili, differenze percettive, HSL, CMYK o nomi dei colori.