Convertitore hex in RGB
Legga qualsiasi codice hex come numeri comuni: #3498db è rosso 52, verde 152 e blu 219, perché ogni coppia di cifre è un numero in base 16, pronto da incollare come rgb(52, 152, 219). Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Esadecimale
- #3498db
- Hex grezzo
- #3498db
- Hex a 6
- 3498db
- Resistenza (Ω)
- 52
- G
- 152
Un convertitore da hex a RGB prende un colore scritto come codice esadecimale—tre o sei cifre, con o senza cancelletto iniziale—e lo scompone nei tre canali interi che ogni schermo, canvas e sistema di token di design parla ancora in modo nativo: rosso, verde e blu, ciascuno da zero a duecentocinquantacinque. Incolli #3498db o la forma breve #abc; lo strumento espande l'abbreviazione quando serve, normalizza a un hex di sei cifre in minuscolo e restituisce r, g, b più una stringa CSS rgb() pronta da incollare e la matematica dei canali passo dopo passo.
Cosa significa un colore hex e come si ottiene l'RGB
I codici colore esadecimali impacchettano tre canali a otto bit in una stringa compatta che fogli di stile, strumenti di design e guide di brand usano da decenni. Nella forma a sei cifre #RRGGBB, i primi due caratteri codificano il rosso, i due centrali il verde e gli ultimi due il blu; ogni coppia si interpreta come un intero in base sedici da zero (00) a duecentocinquantacinque (FF).
L'abbreviazione a tre cifre #RGB è una comodità CSS che raddoppia ogni cifra: #abc diventa #aabbcc, così un singolo nibble sostituisce un byte intero quando una palette richiede solo passi grossolani. Il risultato sono tre interi che può alimentare in stili di riempimento canvas, stili inline React, HTML e-mail o un calcolatore di rapporto di contrasto senza ricalcolare da sé l'impacchettamento dei bit. Esercizi di aula e colloqui di programmazione chiedono spesso questa trasformazione a mano; avere un riferimento deterministico elimina l'ambiguità su maiuscole, presenza del cancelletto ed espansione dell'abbreviazione.
Suggerimenti pratici, limiti e ricerche correlate
Preferisca inviare la stringa hex che lo strumento di design ha esportato, incluso il cancelletto se lo ha; entrambe le forme funzionano e la risposta normalizza sempre a hex a sei cifre in minuscolo così i diff a valle restano stabili. Non passi forme con alpha come #RRGGBBAA o #RGBA—questa pagina è volutamente limitata al packing RGB opaco classico, e quelle lunghezze vengono rifiutate così se ne accorge invece di scartare l'alpha in silenzio.
I colori CSS con nome come rebeccapurple sono fuori ambito; li converta prima con una tabella di colori nominati o usi uno strumento multi-spazio più ampio quando serve anche HSL, LAB o CMYK. Scrivendo test unitari, copra almeno un caso a sei cifre, un'espansione a tre cifre, un input in maiuscolo, un input senza cancelletto e una lunghezza non valida deliberata così le regressioni di validazione non sfuggono.
Questa pagina si rivolge a chi cerca un convertitore hex in RGB, #RRGGBB in rosso verde blu o un calcolatore gratuito di colore hex in RGB online; non è una suite completa di gestione del colore, né un estrattore di palette da immagini, né un percorso inverso RGB-a-hex. Preferisca questa capacità quando ha già un token hex e le servono solo i tre interi di canale o una stringa css rgb(); se la pipeline deve passare da HSL o CMYK di stampa, usi invece un convertitore multi-formato.
Casi d'uso
Consegna di token di design agli ingegneri
I designer incollano codici hex di brand da Figma o da una guida di stile e ricevono interi r, g, b esatti e una stringa CSS rgb() per i ticket di implementazione.
Aiuti per stili inline e riempimento canvas
Converta l'hex fornito dall'utente da un selettore colore in canali numerici per CanvasRenderingContext2D, attributi SVG o oggetti di stile del framework.
Domande frequenti
Quali formati hex accetta il convertitore hex in RGB?
Colori esadecimali a tre cifre (#RGB) e sei cifre (#RRGGBB), con o senza # iniziale. Le lettere possono essere maiuscole o minuscole. Forme con alpha e colori CSS con nome non sono accettati.
Come si espande l'abbreviazione a tre cifre?
Ogni cifra viene raddoppiata: #abc diventa #aabbcc; poi ogni coppia si interpreta come intero in base 16 da 0 a 255.
Cosa rappresentano r, g e b?
Intensità dei canali rosso, verde e blu come interi da 0 a 255.
Il convertitore hex in RGB è gratuito?
Lo strumento nel browser è gratuito e gira in locale.
Quali valori RGB dà #3498db?
Dà rosso 52, verde 152 e blu 219. Le coppie 34, 98 e db vengono lette come numeri in base 16, e il risultato appare come rgb(52, 152, 219).
Strumenti correlati
Per sviluppatori — accesso via API
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.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
curl -X POST https://api.kit.forhosting.com/color/hex-rgb \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#3498db"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-rgb", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#3498db"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex-rgb",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#3498db"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex-rgb", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#3498db"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#3498db"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex-rgb", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Esempio di richiesta
{
"hex": "#3498db"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex_rgb",
"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.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Limiti
max_hex_chars | 7 |
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
I codici non validi—lunghezza errata, caratteri non esadecimali, input vuoto o un prefisso di programmazione 0x—falliscono con un chiaro errore invalid_input invece di inventare un colore. Il percorso è un parsing puramente deterministico—senza rete, senza semi casuali, senza dipendenza dall'orologio di parete—così l'esecutore gratuito del browser e l'API prepagata restituiscono lo stesso JSON ogni volta che la si invoca.
Come chiamare l'API e cosa restituisce
Esempi validi includono #3498db, 3498db, #ABC e abc; gli spazi circostanti vengono trimmati, le lettere possono essere maiuscole o minuscole e il cancelletto è opzionale. Invii un corpo JSON con un campo stringa obbligatorio chiamato hex—gli alias color, value, text, input e code sono accettati dallo stesso solver. In caso di successo la risposta restituisce hex come stringa normalizzata in minuscolo #rrggbb, hex6 senza il cancelletto, campi interi r, g e b insieme agli alias red, green e blue, un array rgb di tre numeri, una stringa css nella forma rgb(r, g, b), booleani shorthand e had_hash che descrivono la forma originale, un breve messaggio in inglese e un array steps che mostra ogni riga di canale parseInt per debug o didattica. La validazione fallita—campo assente, stringa vuota dopo il cancelletto, lunghezza diversa da tre o sei, caratteri non hex, spazi nel corpo, un prefisso di programmazione 0x o un numero nudo invece di una stringa—restituisce invalid_input e non viene mai addebitata. Il prezzo è un fisso $0.002 per richiesta riuscita con unità item e prezzo marginale unitario zero.
Suggerimenti pratici, limiti e ricerche correlate
Le attività fallite che restituiscono invalid_input non consumano il saldo prepagato, il che mantiene economici gli script esplorativi e la validazione dei moduli mentre gli studenti incollano valori imperfetti dagli appunti.
Casi di integrazione
Test unitari per fixture di tema e palette
Generi triple RGB di riferimento da fixture hex così i test di regressione visiva e di rapporto di contrasto affermano valori di canale stabili.
Domande tecniche
Cosa succede con un codice hex non valido?
L'API restituisce invalid_input con un messaggio che descrive il problema (input vuoto, lunghezza errata, caratteri non hex, prefisso 0x e così via). La validazione fallita non viene addebitata.