Alfa esadecimale in percentuale di opacità #RRGGBBAA
Scopra l’opacità nascosta in un colore hex: l’ultima coppia di #33669980 è 80, cioè il byte 128 e un’opacità del 50,2%, non il 50% che molti danno per scontato. 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
- Alfa in esadecimale
- 80
- Byte alfa
- 128
- Opacità (%)
- 50,2
Questo convertitore legge le ultime due cifre di un colore RRGGBBAA a otto posizioni e trasforma il byte alfa in una percentuale da 0% a 100%. Convalida l’intero colore prima del calcolo, accetta un cancelletto iniziale facoltativo e restituisce colore normalizzato, coppia alfa, byte decimale e percentuale di opacità. Il risultato è deterministico e sempre arrotondato a due decimali, quindi è adatto a token di progettazione, controlli CSS, migrazioni automatiche, documentazione e test che richiedono un numero stabile invece di una stima visiva.
Legga il byte alfa nella posizione corretta
Un colore esadecimale CSS a otto cifre contiene quattro coppie di byte: rosso, verde, blu e alfa. Il byte alfa è quindi sempre l’ultima coppia di RRGGBBAA. In #33669980 le coppie sono 33, 66, 99 e 80, perciò il convertitore usa 80.
L’ordine è importante, perché alcuni strumenti grafici e formati meno recenti adottano AARRGGBB, con alfa all’inizio. Questa capacità non indovina la convenzione e non riordina i canali. Accetta esclusivamente RRGGBBAA, con o senza un cancelletto iniziale.
Tutte le otto cifre vengono controllate, anche se soltanto le ultime due determinano la percentuale. La convalida completa impedisce che un colore errato come #ZZZZZZ80 sembri attendibile solo perché la coppia alfa è valida. Se la sorgente mette alfa all’inizio, converta prima il formato.
Converta il byte in una percentuale stabile
Un byte esadecimale varia da 00 a FF, equivalenti ai valori decimali da 0 a 255. L’opacità usa gli stessi estremi: il byte 0 è completamente trasparente e il byte 255 completamente opaco. Il calcolo divide il byte alfa decimale per 255 e moltiplica il risultato per 100.
Per esempio, alfa 80 equivale a 128 decimale e produce 50.2, non un 50 presunto. Gli estremi rimangono esatti: 00 restituisce 0 e FF restituisce 100. Il campo numerico non contiene il simbolo percentuale e può quindi essere confrontato, ordinato, serializzato o usato direttamente in altri calcoli.
Convalidi l’input e utilizzi il risultato in sicurezza
La gestione rigorosa dell’input è importante quando i colori attraversano sistemi di progettazione, generatori di codice o migrazioni di fogli di stile. Il convertitore rifiuta valori mancanti, tipi diversi da stringhe, lunghezze errate e caratteri diversi da 0-9 o A-F. Ignora gli spazi attorno a una stringa valida e accetta entrambe le casse, ma non corregge in silenzio colori abbreviati, RGB a sei cifre, cancelletti multipli o valori con alfa iniziale.
Una pipeline automatica può così fermarsi presto e mostrare il vero problema. Spiega inoltre perché 80 corrisponde a circa 50.2%.
Casi d'uso
Controllare i token di progettazione
Trasformi i byte alfa incorporati in percentuali leggibili conservando il byte esatto per la tracciabilità.
Verificare il CSS generato
Confermi che un colore RRGGBBAA esportato abbia l’opacità prevista da progettisti e sviluppatori.
Creare test di migrazione
Produca valori di opacità stabili per test che trasferiscono colori a otto cifre in un’altra rappresentazione.
Domande frequenti
Quale ordine esadecimale è supportato?
L’ordine richiesto è RRGGBBAA, con alfa nelle ultime due cifre. AARRGGBB non è accettato come convenzione alternativa.
Posso includere il cancelletto iniziale?
Sì. #33669980 e 33669980 sono entrambi validi e producono lo stesso risultato normalizzato.
Come viene calcolata la percentuale?
La coppia alfa viene letta come byte, divisa per 255, moltiplicata per 100 e arrotondata a due decimali.
Perché alfa 80 produce 50.2 invece di 50?
L’esadecimale 80 equivale al decimale 128 e 128 diviso per 255 supera di poco la metà. Il risultato è 50.2.
Che opacità danno le coppie alfa 00 e FF?
00 dà lo 0%, un colore del tutto trasparente, e FF, cioè il byte 255, dà il 100%, un colore del tutto opaco. Ogni coppia intermedia viene divisa per 255 e moltiplicata per 100.
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-alpha-to-opacity \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-alpha-to-opacity", {
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/hex-alpha-to-opacity",
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/hex-alpha-to-opacity", 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/hex-alpha-to-opacity", 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.hex_alpha_to_opacity",
"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
Legga il byte alfa nella posizione corretta
La risposta include un esadecimale canonico minuscolo e conserva la coppia estratta in alpha_hex, così Lei può verificare il byte usato.
Converta il byte in una percentuale stabile
Poiché gran parte dei valori intermedi non corrisponde a un decimale finito, opacity_percent viene arrotondato a due cifre decimali. La regola è fissa e deterministica: lo stesso input genera sempre lo stesso JSON, indipendentemente da lingua del browser, orario, rete o macchina. Anche alpha_byte resta nella risposta, permettendo a Lei di conservare l’esatto valore originale a otto bit.
Convalidi l’input e utilizzi il risultato in sicurezza
Un valore rifiutato produce un errore invalid_input utile, anziché una percentuale fuorviante. Una conversione tramite API costa $0.002; il calcolo puro non dipende dalla rete e può essere eseguito subito nel browser. Usi opacity_percent come valore arrotondato di presentazione e alpha_byte come origine esatta per operazioni senza perdita.
Domande tecniche
Che cosa accade con un colore non valido?
La richiesta restituisce un errore invalid_input che descrive valore mancante, lunghezza, tipo o carattere errato.
Quanto costa una conversione tramite API?
Una conversione costa $0.002.