ForHosting KIT · Immagini e foto

Convertitore da RGB a hex

Ottenga il codice esadecimale di qualsiasi colore RGB: 255, 128, 0 è #ff8000, un arancione. Le sei cifre arrivano in minuscolo, in maiuscolo e senza cancelletto, pronte per un foglio di stile o un manuale del marchio. Gratis nel suo browser.

  • Gratis
  • Funziona nel suo browser
  • Senza registrazione
  • I suoi dati restano sul dispositivo
Usalo da WebAPIEmailTelegramApp presto
Se inserisce
Resistenza (Ω)
255
G
128
B
0
Ottiene
Hex
#ff8000
Hex senza cancelletto
ff8000
Maiuscolo
#FF8000
Rgb
rgb(255, 128, 0)

Questo convertitore da RGB a hex prende tre intensità di canale — rosso, verde e blu — ciascuna come intero da zero a duecentocinquantacinque, e restituisce la corrispondente stringa colore esadecimale CSS come #ff8000 per l'arancione. Designer, sviluppatori front-end e studenti usano questa mappatura ogni giorno: gli strumenti di design esportano terne sRGB, i fogli di stile e i token preferiscono l'hex compatto a sei cifre, e le dispense hanno bisogno di un ponte riproducibile tra i due. Il motore è completamente deterministico: divide ogni canale in nibble alto e basso con divisione intera per sedici e resto, mappa ogni nibble a una cifra da zero a nove e da a a f, e non chiama mai la rete, non campiona casualità e non dipende dall'orologio.

Cosa significa la conversione da RGB a hex e cosa contiene la risposta

Nel modello sRGB a otto bit usato da CSS e dalla maggior parte della grafica web, ciascuno dei canali rosso, verde e blu è un intero da zero (nessuna intensità di quel primario) a duecentocinquantacinque (intensità piena). I codici colore esadecimali impacchettano gli stessi tre byte in sei cifre hex: due cifre per il rosso, due per il verde e due per il blu, di solito scritte con un cancelletto iniziale così un foglio di stile possa usarle come valore di colore.

La conversione è la classica scomposizione in nibble: per un canale n, la cifra alta è il quoziente intero di n diviso sedici e la cifra bassa è n modulo sedici; ogni cifra si mappa da zero a nove e poi da a a f. Non esiste un percorso che accetti percentuali, canali in virgola mobile o forma abbreviata a tre cifre come input, e nessun limite silenzioso di duecentocinquantasei giù a duecentocinquantacinque.

Dove si colloca la conversione da RGB a hex nel design, nello studio e nel software

I designer incontrano questa mappatura quando una guida di marca elenca campioni RGB e il file di token CSS o Figma richiede codici hash, quando un contagocce da screenshot riporta rosso verde blu e il file del tema memorizza hex, o quando un controllo di accessibilità deve riproporre la stessa stringa colore usata dal foglio di stile.

Gli studenti la vedono nei corsi di sviluppo web che introducono i colori CSS, nelle lezioni di arte digitale che passano tra cursori dei canali e selettori hex, e negli esercizi di riscaldamento per colloqui che chiedono una conversione mentale di una breve terna. Gli strumenti di prodotto e didattici usano la conversione quando chi impara regola tre cursori e l'interfaccia deve mostrare la stringa hex dal vivo senza un andirivieni verso una pesante libreria grafica.

Lo abbini a strumenti di colore multiformato quando ha bisogno di HSL o CMYK, e ad altri convertitori deterministici gratuiti quando sta costruendo un piccolo laboratorio per l'igiene dei sistemi di design.

Design token e CSS

Trasformi terne RGB di marca in stringhe #rrggbb per fogli di stile, file di tema e token dei sistemi di design.

Compiti e demo didattiche

Verifichi il lavoro degli studenti da canale a hex e faccia demo dal vivo dei colori CSS senza app calcolatrici opache.

Quale intervallo è ammesso per r, g e b?

Ogni canale deve essere un intero da 0 a 255 incluso.

L'output hex è minuscolo o maiuscolo?

Il campo hex principale usa cifre minuscole con un cancelletto iniziale. Il campo maiuscolo restituisce lo stesso colore con lettere maiuscole da A a F per le guide di stile che preferiscono quella forma.

Questo strumento converte hex di nuovo in RGB?

No. Questo strumento mappa solo canali RGB interi in una stringa hex. Usi un convertitore di colore multiformato se ha bisogno di hex-to-RGB o altri spazi.

Perché 256 viene rifiutato invece di limitato?

Il limitare in silenzio nasconde errori nei dati.

Posso inserire decimali o valori sopra 255?

No. Ogni canale deve essere un numero intero da 0 a 255. Un decimale o un numero oltre 255 viene rifiutato con un messaggio che indica il canale, invece di essere arrotondato o tagliato.

Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.

POSThttps://api.kit.forhosting.com/color/rgb-hex

Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.

curl -X POST https://api.kit.forhosting.com/color/rgb-hex \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"r":255,"g":128,"b":0}'
{
  "r": 255,
  "g": 128,
  "b": 0
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.rgb_hex",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.

per richiesta$0.002

Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.

min_channel0
max_channel255
HTTPCodiceSignificato
401unauthorizedChiave API mancante o non valida: controlla l'header Authorization.
402insufficient_balanceCredito esaurito: ricarica per continuare a eseguire attività.
404unknown_typeTipo di attività sconosciuto: controlla il campo type della richiesta.
429rate_limitedTroppe richieste in poco tempo: rallenta e riprova tra qualche secondo.

I canali fuori dall'intervallo zero-duecentocinquantacinque vengono rifiutati con un chiaro errore invalid_input invece di essere limitati in silenzio.

Cosa significa la conversione da RGB a hex e cosa contiene la risposta

Questo calcolatore restituisce gli interi validati r, g e b, una stringa hex minuscola con il cancelletto iniziale, le stesse sei cifre senza il cancelletto, una forma maiuscola con cancelletto per le guide di stile che preferiscono lettere maiuscole da A a F, una stringa funzione rgb come rgb(255, 128, 0), un'etichetta di metodo rgb_to_hex, e un breve promemoria della formula della mappatura in nibble. Il motore costruisce un hex esatto a sei cifre per tre canali legali, oppure rifiuta la richiesta con invalid_input. I casi rifiutati includono un campo r, g o b mancante, stringhe vuote dopo il trimming, numeri non interi, testo non numerico, Infinity o NaN, e qualsiasi canale strettamente sotto zero o sopra duecentocinquantacinque. Se ha bisogno di hex-to-RGB, HSL, LAB, CMYK o conversioni multiformato andata e ritorno, usi uno strumento dedicato multiformato per il colore; questa pagina risponde solo alla conversione di canali RGB interi in una stringa hex CSS stabile, adatta a token, test unitari e consumatori dell'API.

Come vengono letti r, g e b, e come l'hex resta riproducibile

Gli spazi esterni sui canali stringa vengono eliminati; un segno più iniziale opzionale è ammesso solo quando i caratteri restanti sono cifre decimali che si interpretano come un intero nell'intervallo. Un numero JavaScript nudo è accettato solo quando è un intero finito compreso tra zero e duecentocinquantacinque; valori come centoventotto virgola cinque falliscono la validazione invece di essere arrotondati, e valori negativi o pari o superiori a duecentocinquantasei falliscono con un messaggio che nomina il canale e afferma che deve restare tra zero e duecentocinquantacinque. La conversione usa l'alfabeto fisso di cifre da zero a nove e da a a f su ogni nibble, così la stessa terna produce sempre la stessa stringa hex minuscola tra esecuzioni e piattaforme. I campi preferiti sono r per il rosso, g per il verde e b per il blu, ma sono accettati anche gli alias red e R maiuscola per il rosso, green e G maiuscola per il verde, e blue e B maiuscola per il blu, così fogli di calcolo, query string e moduli tipizzati possono riusare lo stesso contratto senza rinominare colonne. Zero si mappa a 00, duecentocinquantacinque si mappa a ff, e canali misti come quarantatré, novantotto, ottantuno producono il familiare schema 2b6251 usato nei sistemi di design. Abbini l'esecuzione gratuita nel browser di questa pagina con l'API a pagamento quando ha bisogno dello stesso risultato matematico all'interno di una pipeline automatizzata, senza reimplementare da sé l'impacchettamento dei canali.

Dove si colloca la conversione da RGB a hex nel design, nello studio e nel software

In questa pagina il lavoro avviene interamente nel Suo browser; tramite l'API ogni ricerca riuscita costa $0.002, la validazione fallita non viene addebitata e nulla viene conservato dopo la restituzione della risposta. Questa separazione — esplorazione interattiva gratuita e API identica a pagamento — corrisponde al resto del catalogo tier A di KIT e Le permette di passare da una demo in aula o una revisione di design a una pipeline automatizzata senza cambiare il risultato matematico.

Fixture di test deterministiche

Generi risultati hex riproducibili per test unitari, controlli di proprietà e verifiche CI su strumenti per il colore.

Quanto costa il convertitore da RGB a hex?

È gratis nel browser in questa pagina. Tramite l'API una richiesta riuscita costa $0.002; gli input non validi non vengono addebitati.

Leggi la documentazione completa del KIT →