Convertitore Hex8 in RGBA
Legga un colore hex con trasparenza canale per canale: #33669980 si scompone in rosso 51, verde 102, blu 153 e alfa 128, pari a 0,501961 su una scala di opacità da 0 a 1. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Hex
- #33669980
- Red
- 51
- Verde
- 102
- Blu
- 153
- Alfa
- 128
Il convertitore da Hex8 a RGBA legge un colore esadecimale di otto cifre nell’ordine RRGGBBAA e lo separa nei canali rosso, verde, blu e alfa. Prima della conversione controlla la lunghezza esatta e ogni carattere, evitando che un dato errato generi numeri plausibili ma falsi. Il risultato comprende quattro valori byte da 0 a 255, un valore alfa normalizzato da 0 a 1 e un codice colore canonico in minuscolo. Lei può inserire il codice con o senza cancelletto iniziale: vengono sempre applicate le stesse regole trasparenti e deterministiche.
Comprendere l’ordine dei byte RRGGBBAA
Un colore esadecimale di otto cifre contiene quattro coppie di byte consecutive. La prima è il rosso, la seconda il verde, la terza il blu e l’ultima l’alfa. Per esempio, in #33669980 le coppie sono 33, 66, 99 e 80.
Ogni coppia rappresenta un intero da 0 a 255, perché due cifre esadecimali codificano esattamente un byte. L’alfa segue la convenzione CSS RRGGBBAA: 00 indica trasparenza completa e FF opacità completa. L’ordine è importante, poiché alcuni sistemi collocano l’alfa all’inizio e usano AARRGGBB.
Il convertitore non tenta di indovinare o riordinare un valore con alfa iniziale. Inserisca RRGGBBAA, eventualmente preceduto da un cancelletto, e i campi rosso, verde, blu e alfa manterranno questa sequenza. L’output include anche un array rgba con gli stessi quattro byte.
Convalidare prima di convertire
Le stringhe di colore possono contenere errori poco evidenti. Una cifra mancante sposta tutti i canali successivi, una cifra in più cambia il raggruppamento e un carattere come G non appartiene alla notazione esadecimale. Per questo il convertitore esegue i controlli in una sequenza fissa.
Prima richiede che il campo hex sia una stringa e rimuove gli spazi esterni. Poi elimina un cancelletto iniziale facoltativo e verifica che restino esattamente otto caratteri. Soltanto dopo controlla che appartengano tutti a 0–9, A–F o a–f.
La conversione inizia esclusivamente quando entrambe le verifiche sono superate. Ciò impedisce l’analisi parziale, nella quale un parser generico potrebbe accettare un prefisso valido ignorando una parte finale errata. Anche le categorie di errore restano stabili: una dimensione sbagliata segnala la lunghezza, mentre un simbolo vietato in una stringa della giusta dimensione segnala i caratteri.
Gli input validi vengono normalizzati in minuscolo con cancelletto, così forme equivalenti producono lo stesso colore canonico e gli stessi canali.
Usare valori RGBA deterministici nel flusso di lavoro
I canali restituiti sono adatti a pipeline di convalida, trasformazioni di token di progettazione, strumenti per fogli di stile e importazioni che richiedono numeri espliciti. Il byte alfa è disponibile sia come intero esatto sia come valore normalizzato arrotondato. Il campo hex canonico facilita la deduplicazione, poiché #AABBCCFF e aabbccff producono la stessa forma in minuscolo.
Le stringhe non valide causano un errore di input e non vengono corrette o completate.
Casi d'uso
Trasformare token di progettazione
Converta i valori RRGGBBAA in campi di canale espliciti per un compilatore di temi o un sistema di componenti.
Convalidare colori importati
Rifiuti i colori a otto cifre non validi prima che entrino in un database, foglio di stile o flusso grafico.
Esaminare la trasparenza
Legga il byte alfa esatto e la relativa opacità normalizzata senza stimare visivamente la trasparenza.
Domande frequenti
L’input richiede un cancelletto iniziale?
No. Sono accettati #RRGGBBAA e RRGGBBAA, e il valore esadecimale canonico restituito include il cancelletto.
L’alfa si trova all’inizio o alla fine?
L’alfa è alla fine. L’ordine richiesto è rosso, verde, blu, alfa: RRGGBBAA, non AARRGGBB.
Sono accettati colori a tre, sei o quattro cifre?
No. Questa capacità richiede esattamente otto cifre esadecimali dopo il cancelletto facoltativo.
Sono accettate lettere esadecimali maiuscole?
Sì. A–F sono ammesse in maiuscolo o minuscolo e il valore esadecimale canonico viene restituito in minuscolo.
Quanto costa una conversione?
Il segnaposto del prezzo viene risolto dalla dichiarazione della capacità.
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/hex8-rgba \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex8-rgba", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#33669980"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex8-rgba",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#33669980"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex8-rgba", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#33669980"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#33669980"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex8-rgba", 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": "#33669980"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex8_rgba",
"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.
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
Comprendere l’ordine dei byte RRGGBBAA
Il campo alpha_normalized divide il byte alfa per 255 e lo arrotonda in modo deterministico a sei decimali, facilitando l’impiego nei sistemi che rappresentano l’opacità su una scala da zero a uno.
Usare valori RGBA deterministici nel flusso di lavoro
Poiché il convertitore non dipende da rete, ora corrente, impostazioni locali o casualità, lo stesso input produce sempre lo stesso JSON. Usi l’intero quando deve conservare la rappresentazione originale a otto bit e alpha_normalized quando un’API richiede un’opacità tra zero e uno. Una conversione tramite API costa $0.002; il percorso deterministico nel browser consente un uso interattivo immediato senza modificare le regole di analisi.
Domande tecniche
Quale intervallo usano i canali?
Rosso, verde, blu e alfa sono interi da 0 a 255. alpha_normalized varia da 0 a 1.