Convertisseur Hex8 en RGBA
Lisez une couleur hex transparente canal par canal : #33669980 se décompose en rouge 51, vert 102, bleu 153 et alpha 128, soit 0,501961 sur une échelle d’opacité de 0 à 1. 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
- Red
- 51
- Vert
- 102
- Bleu
- 153
- Alpha
- 128
Le convertisseur Hex8 vers RGBA lit une couleur hexadécimale à huit chiffres dans l’ordre RRGGBBAA et la sépare en canaux rouge, vert, bleu et alpha. Il contrôle la longueur exacte et chaque caractère avant toute conversion, afin qu’une saisie incorrecte ne produise jamais de nombres vraisemblables mais faux. Le résultat comprend quatre octets de 0 à 255, une valeur alpha normalisée de 0 à 1 et un code couleur canonique en minuscules. Vous pouvez saisir le code avec ou sans dièse initial ; les mêmes règles claires et déterministes sont toujours appliquées.
Comprendre l’ordre des octets RRGGBBAA
Une couleur hexadécimale à huit chiffres contient quatre paires d’octets successives. La première correspond au rouge, la deuxième au vert, la troisième au bleu et la dernière à l’alpha. Dans #33669980, par exemple, les paires sont 33, 66, 99 et 80.
Chacune représente un entier de 0 à 255, puisque deux chiffres hexadécimaux codent exactement un octet. L’alpha suit la convention CSS RRGGBBAA : 00 indique une transparence totale et FF une opacité totale. Cet ordre est essentiel, car certains systèmes placent l’alpha en premier et emploient AARRGGBB.
Le convertisseur ne tente ni de deviner ni de réordonner une valeur de ce type. Saisissez RRGGBBAA, éventuellement précédé d’un dièse, et les champs rouge, vert, bleu et alpha conserveront cet ordre. La sortie contient aussi un tableau rgba composé des quatre mêmes octets.
Valider avant de convertir
Les chaînes de couleur peuvent comporter des erreurs discrètes. Un chiffre manquant décale les canaux suivants, un chiffre supplémentaire modifie les paires prévues et un caractère tel que G n’appartient pas à la notation hexadécimale. Le convertisseur effectue donc ses contrôles dans un ordre fixe.
Il exige d’abord que le champ hex soit une chaîne et supprime les espaces extérieurs. Il retire ensuite un éventuel dièse initial, puis vérifie qu’il reste exactement huit caractères. Ce n’est qu’après ce contrôle qu’il confirme leur appartenance à 0–9, A–F ou a–f.
La conversion ne commence que si les deux conditions sont remplies. Cette méthode empêche une analyse partielle où un parseur générique accepterait un préfixe valide tout en ignorant une fin incorrecte. Les erreurs restent également stables : une taille erronée signale la longueur, tandis qu’un symbole interdit dans une chaîne de bonne taille signale les caractères.
Toute entrée valide est normalisée en minuscules avec un dièse, de sorte que les formes équivalentes produisent le même code canonique et les mêmes canaux.
Intégrer des valeurs RGBA déterministes à votre flux
Les canaux renvoyés conviennent aux chaînes de validation, aux transformations de jetons de conception, aux outils de feuilles de style et aux imports exigeant des nombres explicites. L’octet alpha est fourni sous forme d’entier exact et de valeur normalisée arrondie. Le champ hex canonique facilite la déduplication, car #AABBCCFF et aabbccff donnent la même forme en minuscules.
Une chaîne invalide déclenche une erreur de saisie au lieu d’être corrigée ou complétée.
Cas d’usage
Transformer des jetons de conception
Convertissez les valeurs RRGGBBAA en champs de canaux explicites pour un compilateur de thèmes ou un système de composants.
Valider des couleurs importées
Rejetez les couleurs à huit chiffres incorrectes avant leur insertion dans une base, une feuille de style ou une chaîne graphique.
Examiner la transparence
Obtenez l’octet alpha exact et son opacité normalisée sans estimer visuellement la transparence.
Questions fréquentes
La saisie doit-elle commencer par un dièse ?
Non. #RRGGBBAA et RRGGBBAA sont acceptés, et la valeur hexadécimale canonique renvoyée comprend le dièse.
L’alpha se place-t-il au début ou à la fin ?
L’alpha se place à la fin. L’ordre requis est rouge, vert, bleu, alpha : RRGGBBAA, et non AARRGGBB.
Les couleurs à trois, six ou quatre chiffres sont-elles acceptées ?
Non. Cette capacité exige exactement huit chiffres hexadécimaux après le dièse facultatif.
Les lettres hexadécimales majuscules sont-elles acceptées ?
Oui. Les lettres A–F sont admises en majuscules ou minuscules, et la valeur canonique renvoyée est en minuscules.
Quel est le coût d’une conversion ?
Le marqueur de prix est résolu depuis la déclaration de la capacité.
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/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)Exemple de requête
{
"hex": "#33669980"
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex8_rgba",
"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
Comprendre l’ordre des octets RRGGBBAA
Le champ alpha_normalized divise l’octet alpha par 255 et l’arrondit de façon déterministe à six décimales pour les systèmes exprimant l’opacité entre zéro et un.
Intégrer des valeurs RGBA déterministes à votre flux
Comme le convertisseur ne dépend ni du réseau, ni de l’heure, ni des paramètres régionaux, ni du hasard, une même entrée produit toujours le même JSON. Utilisez l’entier pour préserver la représentation originale sur huit bits et alpha_normalized lorsqu’une API attend une opacité entre zéro et un. Une conversion via l’API coûte $0.002 ; le parcours déterministe dans le navigateur permet un usage interactif immédiat sans modifier les règles d’analyse.
Questions techniques
Quelle plage les canaux utilisent-ils ?
Le rouge, le vert, le bleu et l’alpha sont des entiers de 0 à 255. alpha_normalized varie de 0 à 1.