Aller au contenu
Toolars
Explorer

HEX en RGBA

HEX to RGBA Converter

Décodez #RGB, #RGBA, #RRGGBB et #RRGGBBAA en rgba() avec l'alpha calculé exactement (octet divisé par 255), canaux détaillés et échantillon d'aperçu, en local.

Traitement local

Détails du traitement

Les données de l’outil sont traitées sur votre appareil.

Des ressources peuvent être téléchargées pour cet outil. Les services de compte sont distincts.

Préparation de l'usage hors ligne…

Informations sur la confidentialité
Signaler un bug

Parcours de la tâche / de l'entrée au résultat

Comment convertir une couleur HEX en RGBA

  1. 01

    Entrez la couleur HEX

    Tapez la valeur dans le champ de couleur HEX, qui est pré-rempli avec #6D5EF8CC. L'analyseur strict accepte #RGB, #RGBA, #RRGGBB et #RRGGBBAA — l'assistant sous le champ liste exactement ces quatre formats, et le champ limite l'entrée à neuf caractères.

  2. 02

    Lancer la conversion

    Appuyez sur Convertir en RGBA. L'analyseur valide la valeur complète avant tout rendu, et une valeur malformée est rejetée avec un message qui nomme les quatre formats acceptés. Modifier le champ efface le résultat précédent, donc le panneau ci-dessous ne montre jamais une couleur obsolète.

  3. 03

    Lire les canaux RGBA

    L'alpha est décodé comme son octet divisé par 255 sans arrondi pendant le calcul. RGBA et l'affichage des canaux utilisent jusqu'à six décimales ; tous les 256 octets d'alpha font un aller-retour à travers le RGBA exporté.

  4. 04

    Vérifier l'échantillon

    Le grand échantillon d'aperçu rend directement la couleur convertie, donc un résultat translucide est immédiatement visible sur la page. Utilisez-le pour confirmer que l'alpha se lit comme prévu par la conception avant de copier.

  5. 05

    Charger l'échantillon si nécessaire

    Appuyez sur Charger l'échantillon pour lancer un exemple complet — #22C55E99 se convertit en rgba(34, 197, 94, 0.6) — qui montre le flux complet de l'entrée aux canaux. Réinitialiser ramène le champ à #6D5EF8CC et efface le résultat.

  6. 06

    Copier ou télécharger le résultat

    Appuyez sur Copier la sortie pour copier la valeur rgba() dans le presse-papiers, ou Télécharger pour l'enregistrer sous toolars-color-rgba.txt. Les deux actions restent désactivées jusqu'à ce qu'une conversion réussisse, donc vous ne copiez jamais un résultat vide.

Fiche de l'outil

Traitement
Dans votre navigateur
L'entrée quitte cet appareil
Jamais
Conservation
Rien n'est stocké
Prix
Gratuit

Vos données restent dans le navigateur.

HEX en RGBA utilise son chemin d'exécution local vérifié et ne crée aucun historique caché des entrées ou sorties.

Exécution locale

S'exécute dans l'onglet actuel du navigateur.

Aucun traitement caché

Les données actives de l'outil ne deviennent jamais un enregistrement de document Toolars.

Aucun compte requis

Utilisez le workflow principal sans créer de profil. Les favoris se synchronisent avec votre compte après connexion.

Réinitialisation immédiate

Effacez l'onglet et les données de travail actives disparaissent.

Quand HEX en RGBA est utile

Décoder une superposition de marque translucide

Entrez #0f4cff80 et appuyez sur Convertir en RGBA. Les canaux affichent 15, 76 et 255 avec un alpha proche de 0.502, et le grand échantillon montre la teinte de superposition exacte sur la page avant que vous copiez la chaîne rgba() dans la feuille de style.

Développer une couleur abrégée

Tapez #6F8A et convertissez : chaque chiffre double, donnant rgb(102, 255, 136) avec un alpha d'environ 0.667. L'expansion des abréviations est une source fréquente de bugs d'un chiffre lorsque le doublement est fait manuellement.

Faire un aller-retour par le convertisseur inverse

Copiez la sortie rgba() dans le Convertisseur RGBA en HEX et confirmez qu'il retourne la valeur hexadécimale originale, y compris le byte alpha. Les deux outils partagent les mêmes calculs de canal, donc un aller-retour est sans perte pour les 256 bytes alpha.

Ce que HEX en RGBA fait vraiment

Une passation de design liste une couleur de marque translucide sous la forme #6D5EF8CC, et la feuille de style que vous modifiez veut du rgba() : les octets rouge, vert et bleu se gèrent, mais CC signifie 204 sur 255 — environ 0.8 d'alpha — et faire ce calcul de tête invite l'erreur. Convertisseur HEX vers RGBA décode chaque groupe de chiffres exactement, développe les chiffres raccourcis et montre chaque canal pour vérification à côté d'un échantillon en direct. La chaîne copiée entre directement dans une déclaration de bordure, d'ombre ou de dégradé. La valeur ne quitte jamais l'onglet, donc la conversion convient à toute base de code sensible à la confidentialité.

Questions fréquentes

Quels formats HEX sont acceptés ?
Exactement quatre : #RGB, #RGBA, #RRGGBB et #RRGGBBAA. Tout le reste — un # manquant, cinq chiffres ou un mot-clé de couleur — est rejeté avec un message nommant les formats acceptés.
Les formats abrégés sont-ils développés comment ?
Chaque chiffre double : #RGB devient #RRGGBB en répétant chaque caractère, donc #6F8 se décode comme rouge 102, vert 255, bleu 136. Dans #RGBA, le quatrième chiffre double en octet alpha avant que le mappage habituel de 0-255 à 0-1 ne s'applique.
L'octet alpha est-il converti comment ?
L'alpha est décodé comme son octet divisé par 255 sans arrondi pendant le calcul. RGBA et l'affichage des canaux utilisent jusqu'à six décimales ; tous les 256 octets d'alpha font un aller-retour à travers le RGBA exporté.
Pourquoi mon résultat a-t-il disparu ?
Modifier le champ d'entrée efface intentionnellement le résultat précédent, donc le panneau ne peut jamais afficher une couleur qui ne correspond plus à ce qui est tapé. Appuyez à nouveau sur Convertir en RGBA et le résultat frais apparaît instantanément.
Puis-je convertir dans l'autre sens ?
Oui — utilisez le Convertisseur RGBA en HEX, qui accepte la notation rgb() et rgba() et produit la valeur hex correspondante, y compris l'octet alpha lorsque la couleur est translucide. Les deux outils partagent les mêmes mathématiques de canal, donc un aller-retour renvoie la valeur avec laquelle vous avez commencé.
Pourquoi un autre outil montre-t-il une valeur alpha légèrement différente ?
Alpha est le byte divisé par 255, ce qui produit généralement un décimal répétitif comme 0.501960… ; cet espace de travail conserve jusqu'à six décimales tandis que d'autres outils peuvent arrondir à deux ou quatre. La différence est purement d'affichage — le byte sous-jacent est identique, et CSS accepte n'importe quelle précision. Lorsqu'une valeur doit correspondre exactement à un jeton de design, comparez le byte hexadécimal plutôt que le décimal.
Puis-je utiliser rgba() partout ?
Tous les navigateurs modernes prennent en charge rgba() et la forme rgb() avec séparateur d'espaces et alpha en slash ; le seul risque est des outils très anciens ou des linters stricts qui s'attendent à un format spécifique. En cas de doute, maintenez l'alpha à 1 et la valeur se dégrade gracieusement vers rgb() simple. Pour les pipelines de build, copiez la chaîne exacte que cet outil exporte au lieu de retaper les décimaux.
Quelles propriétés CSS acceptent la valeur convertie ?
Toute propriété qui accepte une couleur : background, color, border-color, box-shadow, gradients, et outline entre autres. Les valeurs rgba() translucides sont particulièrement utiles pour les superpositions, les états désactivés et les ombres, où le contenu sous-jacent devrait être visible à travers la couleur.
La couleur est-elle envoyée quelque part ?
Non. La conversion s'exécute entièrement dans cet onglet de navigateur, les entrées et les résultats ne le quittent jamais, et aucun compte n'est requis.

Des tâches associées, pas une impasse.

Passez à un autre espace de travail ciblé sans revenir à l'index complet.

Générateur de cases à cocher CSS

CSS Checkbox Generator

24 modèles de cases : huit marques × trois transitions ; tester l’aperçu natif au clic ou avec Espace.

Créer

Générateur d'interrupteurs CSS

CSS Switch Generator

18 modèles d’interrupteurs : six curseurs × trois transitions ; tester au clic ou au clavier.

Créer

Générateur de clip-path CSS

CSS Clip Path Generator

24 formes de découpe, paramètres et points de polygone modifiables ; exporter CSS ou une déclaration.

Créer