Convertitore HEX in RGB

Trasforma rapidamente i codici colore HEX in valori RGB. Inserisci il codice HEX e ottieni il corrispondente valore RGB.


Incolla un codice HEX a 3 o 6 cifre, con o senza il simbolo #.
Cancella

Cos'è un convertitore di colori?

Un convertitore di colori traduce lo stesso colore tra i formati utilizzati nel web, nel design e nella stampa. La stessa tonalità di blu può essere scritta come #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) o cmyk(56%, 22%, 0%, 30%): i formati cambiano in base allo strumento, ma descrivono lo stesso colore.

Riferimento dei formati colore

  • HEX - Codice esadecimale a 6 caratteri usato in CSS e nei tool di design, come #4F8AB2.
  • RGB - Componenti Rosso, Verde e Blu da 0 a 255 - usate da CSS e dalla maggior parte delle API.
  • HSL - Tonalità (0-360), Saturazione (%) e Luminosità (%) - più intuitivo per modifiche visive.
  • CMYK - Ciano, Magenta, Giallo, Nero - formato a quattro canali usato in stampa.

Come convertire HEX in RGB manualmente

Un colore HEX è semplicemente tre coppie di cifre esadecimali (base 16). Converti ogni coppia in un numero decimale da 0 a 255.

  1. Dividi l'HEX a 6 cifre in tre coppie: RR, GG, BB (togli il # iniziale).
  2. Per ogni coppia, moltiplica la prima cifra per 16 e aggiungi la seconda (A=10, B=11, … F=15).
  3. I tre risultati sono i tuoi valori di Rosso, Verde e Blu.

Esempio: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).

Usa questo strumento dal tuo agente IA

API JSON e server Model Context Protocol (MCP) gratuiti. Nessuna registrazione, nessuna chiave API, CORS aperto. Pensato per Claude, ChatGPT, Cursor, script e applicazioni frontend. 

curl -X POST https://mate.tools/api/v1/color-convert.php \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF5733"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/color-convert.php",
    data=json.dumps({"color":"#FF5733"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json());

Aggiungi a claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) o qualsiasi altro client compatibile con MCP: 

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
Documentazione API OpenAPI 3.1 npm 60 req/min · 600 req/ora · corpo max 1 MB

Domande frequenti

Suddividi il codice HEX in tre coppie e converti ciascuna da esadecimale a decimale. Per #4F8AB2: 4F = 79, 8A = 138, B2 = 178, ottenendo rgb(79, 138, 178). Il convertitore esegue il calcolo in tempo reale.

HEX, RGB e HSL descrivono lo stesso colore RGB in notazioni diverse: HEX è compatto, RGB mostra i canali diretti e HSL è più intuitivo per regolare tonalità, saturazione o luminosità. CMYK è uno spazio a quattro canali per la stampa - viene calcolato dall'RGB e può non coincidere esattamente con tutti i colori a schermo.

Sì. I codici HEX a 3 cifre sono una forma abbreviata in cui ogni cifra viene duplicata: #FA0 diventa #FFAA00. Il convertitore accetta entrambe le forme, con o senza il # iniziale.

Gli schermi usano RGB additivo, la stampa usa CMYK sottrattivo e non tutti i colori RGB hanno una corrispondenza CMYK precisa. I software di design professionali usano profili specifici di carta, inchiostro e stampante - i valori qui sono una conversione matematica utile come punto di partenza.

I canali RGB sono limitati a 0-255 e la saturazione/luminosità HSL a 0-100%. La tonalità viene gestita come valore di 0-360 gradi. I valori fuori intervallo vengono riportati nel range valido e gli altri formati si aggiornano di conseguenza.

Spesso usato insieme a: Estrai palette colori da foto · Selettore di Colori Immagine

Come converto HEX in RGB?

Un convertitore da HEX a RGB trasforma un codice colore esadecimale come #FF8800 in valori RGB da usare negli strumenti di design e nel codice. Ogni coppia di cifre esadecimali è un canale - rosso, verde e blu - con un valore da 0 a 255.

Strumenti correlati

Vedi Tutti
Generatore di Codici a BarreCifrari Codifica e DecodificaDecodificatore JWTRilevamento Lingua BrowserGeneratore FaviconEstrattore URL SitemapEstrai Titoli e Metadati da URLEstrattore Immagini Sito Web