Alpha hexadécimal en pourcentage d’opacité #RRGGBBAA
Retrouvez l’opacité cachée dans une couleur hex : la dernière paire de #33669980 est 80, soit l’octet 128 et une opacité de 50,2 %, et non les 50 % que l’on suppose souvent. Gratuit dans votre navigateur.
- Gratuit
- Fonctionne dans votre navigateur
- Sans inscription
- Vos données restent sur votre appareil
Lancer gratuitement
Exemple résolu
- Hex
- #33669980
- Alpha en hex
- 80
- Octet alpha
- 128
- Opacité (%)
- 50,2
Ce convertisseur lit les deux derniers chiffres d’une couleur RRGGBBAA à huit positions et transforme cet octet alpha en pourcentage de 0% à 100%. Il valide la couleur entière avant tout calcul, accepte un dièse initial facultatif et renvoie la couleur normalisée, la paire alpha, l’octet décimal et le pourcentage d’opacité. Le résultat est déterministe et toujours arrondi à deux décimales. Il convient donc aux jetons de conception, aux contrôles CSS, aux migrations automatisées, à la documentation et aux tests qui exigent une valeur numérique stable plutôt qu’une estimation visuelle.
Repérez l’octet alpha au bon endroit
Une couleur hexadécimale CSS à huit chiffres contient quatre paires d’octets : rouge, vert, bleu et alpha. L’octet alpha est donc toujours la dernière paire de RRGGBBAA. Dans #33669980, les paires sont 33, 66, 99 et 80 ; le convertisseur utilise donc 80.
Cet ordre est essentiel, car certains outils graphiques et anciens formats emploient AARRGGBB, avec alpha au début. Cette capacité ne devine pas la convention et ne réorganise aucun canal. Elle accepte uniquement RRGGBBAA, précédé ou non d’un dièse.
Les huit chiffres sont contrôlés, même si seuls les deux derniers déterminent le pourcentage. Cette validation empêche une couleur incorrecte telle que #ZZZZZZ80 de sembler fiable parce que sa paire alpha est valide. Convertissez d’abord le format si votre source place alpha au début.
Transformez l’octet en pourcentage stable
Un octet hexadécimal va de 00 à FF, soit de 0 à 255 en décimal. L’opacité partage ces extrêmes : l’octet 0 est entièrement transparent et l’octet 255 entièrement opaque. Le calcul divise l’octet alpha décimal par 255, puis multiplie le résultat par 100.
Les extrêmes restent exacts : 00 renvoie 0 et FF renvoie 100. Aucun signe de pourcentage n’est inclus dans le champ numérique ; vous pouvez donc le comparer, le trier, le sérialiser ou l’utiliser directement dans d’autres calculs.
Validez les entrées et exploitez le résultat
Une validation stricte est indispensable lorsque les couleurs traversent des systèmes de conception, des générateurs de code ou des migrations de feuilles de style. Le convertisseur refuse les valeurs absentes, les types autres qu’une chaîne, les longueurs incorrectes et les caractères hors de 0-9 ou A-F. Les espaces autour d’une chaîne valide sont ignorés et les deux casses sont admises, mais les couleurs abrégées, le RGB à six chiffres, plusieurs dièses et les valeurs commençant par alpha ne sont jamais réparés silencieusement.
Un pipeline peut ainsi s’arrêter tôt et signaler la véritable cause. Elle explique aussi pourquoi 80 correspond à environ 50.2%.
Cas d’usage
Auditer des jetons de conception
Transformez les octets alpha intégrés en pourcentages lisibles tout en conservant leur valeur exacte.
Contrôler le CSS généré
Vérifiez qu’une couleur RRGGBBAA exportée possède l’opacité attendue par les équipes.
Créer des tests de migration
Produisez des valeurs d’opacité stables pour convertir des couleurs à huit chiffres vers un autre format.
Questions fréquentes
Quel ordre hexadécimal est accepté ?
L’ordre requis est RRGGBBAA, avec alpha dans les deux derniers chiffres. AARRGGBB n’est pas une convention alternative acceptée.
Puis-je conserver le dièse initial ?
Oui. #33669980 et 33669980 sont tous deux valides et donnent le même résultat normalisé.
Comment le pourcentage est-il calculé ?
La paire alpha devient un octet, divisé par 255 puis multiplié par 100 et arrondi à deux décimales.
Pourquoi l’alpha 80 donne-t-il 50.2 et non 50 ?
Le nombre hexadécimal 80 vaut 128 en décimal ; 128 divisé par 255 dépasse légèrement la moitié. Le résultat est 50.2.
Quelle opacité donnent les paires alpha 00 et FF ?
00 donne 0 %, une couleur entièrement transparente, et FF, l’octet 255, donne 100 %, une couleur entièrement opaque. Chaque paire intermédiaire est divisée par 255 puis multipliée par 100.
Outils associés
Pour les développeurs — accès API
Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.
Endpoint
Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.
Appeler depuis votre 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)Exemple de requête
{
"hex": "#33669980"
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex_alpha_to_opacity",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.
Tarifs
Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.
Erreurs
| HTTP | Code | Signification |
|---|---|---|
401 | unauthorized | Clé API absente ou invalide : vérifiez l’en-tête Authorization. |
402 | insufficient_balance | Solde insuffisant : rechargez votre compte pour lancer cette tâche. |
404 | unknown_type | Type de tâche inconnu : vérifiez le champ type de votre requête. |
429 | rate_limited | Trop de requêtes : ralentissez la cadence, puis réessayez. |
Notes techniques
Repérez l’octet alpha au bon endroit
La réponse fournit une valeur hexadécimale canonique en minuscules et conserve la paire extraite dans alpha_hex, afin que vous puissiez identifier précisément l’octet utilisé.
Transformez l’octet en pourcentage stable
La plupart des valeurs intermédiaires ne donnant pas un nombre décimal fini, opacity_percent est arrondi à deux décimales. Cette règle fixe garantit qu’une même entrée produit toujours le même JSON, sans dépendre de la langue du navigateur, de l’heure, du réseau ou de la machine. Ainsi, l’alpha 80 vaut 128 en décimal et devient 50.2, plutôt qu’un 50 supposé. Le champ alpha_byte reste disponible avec le pourcentage arrondi pour préserver la valeur huit bits originale.
Validez les entrées et exploitez le résultat
Une valeur refusée produit une erreur invalid_input explicite au lieu d’un pourcentage trompeur. Une conversion par API coûte $0.002 ; ce calcul pur ne dépend pas du réseau et peut également s’exécuter immédiatement dans le navigateur. Utilisez opacity_percent pour l’affichage arrondi et alpha_byte pour conserver la source exacte.
Questions techniques
Que se passe-t-il si la couleur est invalide ?
La requête renvoie une erreur invalid_input décrivant la valeur absente, la longueur, le type ou le caractère incorrect.
Quel est le coût d’une conversion par API ?
Une conversion coûte $0.002.