Aller au contenu
Toolars
Explorer
Signaler un bug

Design · utilitaire Local

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.

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

Entrez la couleur HEX

S'exécute en local · Rien n'est téléversé

Fonctionnement de HEX en RGBA, confidentialité et outils associés

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

    Saisissez la valeur dans le champ Couleur HEX, qui démarre pré-rempli avec #6D5EF8CC. L'analyseur strict accepte #RGB, #RGBA, #RRGGBB et #RRGGBBAA — l'aide sous le champ liste exactement ces quatre formats, et le champ limite la saisie à neuf caractères.

  2. 02

    Lancez la conversion

    Cliquez sur Convertir en RGBA. L'analyseur valide toute la valeur 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 en dessous n'affiche jamais une couleur obsolète.

  3. 03

    Lisez les canaux RGBA

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

  4. 04

    Vérifiez 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 le design le prévoyait avant de copier.

  5. 05

    Chargez l'exemple si besoin

    Cliquez sur Charger un exemple pour exécuter un cas complet — #22C55E99 se convertit en rgba(34, 197, 94, 0.6) — qui montre tout le processus de la saisie aux canaux. Réinitialiser ramène le champ à #6D5EF8CC et efface le résultat.

  6. 06

    Copiez ou téléchargez le résultat

    Cliquez sur Copier la sortie pour copier la valeur rgba() dans le presse-papiers, ou sur Télécharger pour l'enregistrer sous toolars-color-rgba.txt. Les deux actions restent désactivées tant qu'aucune conversion n'a réussi, 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.

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.
Comment les formats raccourcis sont-ils développés ?
Chaque chiffre est doublé : #RGB devient #RRGGBB en répétant chaque caractère, donc #6F8 se décode en rouge 102, vert 255, bleu 136. Dans #RGBA, le quatrième chiffre est doublé en octet alpha avant que la correspondance habituelle 0–255 vers 0–1 ne s'applique.
Comment l'octet alpha est-il converti ?
L'alpha est décodé comme son octet divisé par 255 sans arrondi pendant le calcul. Le RGBA et l'affichage des canaux utilisent jusqu'à six décimales ; les 256 octets alpha font l'aller-retour à travers le RGBA exporté.
Pourquoi mon résultat a-t-il disparu ?
Modifier le champ de saisie efface volontairement le résultat précédent, pour que le panneau ne puisse jamais afficher une couleur qui ne correspond plus à ce qui est tapé. Cliquez à nouveau sur Convertir en RGBA et le nouveau résultat apparaît instantanément.
Puis-je convertir dans l'autre sens ?
Oui — utilisez le Convertisseur RGBA vers HEX, qui accepte les notations rgb() et rgba() et produit la valeur hexadécimale correspondante, octet alpha compris quand la couleur est translucide. Les deux outils partagent le même calcul de canaux, donc un aller-retour renvoie la valeur de départ.
La couleur est-elle envoyée quelque part ?
Non. La conversion s'exécute entièrement dans cet onglet du navigateur, les entrées et les résultats ne le quittent jamais, et aucun compte n'est requis.

Continuer dans Design

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

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

Générateur d'animations de chargement CSS

CSS Loader Generator

Réglez un anneau orbital ou trois points rebondissants — cadre, trait, vitesse et couleurs — et copiez le CSS animé avec bloc prefers-reduced-motion inclus.

Créer

Générateur de cases à cocher CSS

CSS Checkbox Generator

Stylez une case à cocher native : taille, bordure et couleurs d'état réglables, avec états :focus-visible et :disabled dans le CSS exporté, sans JavaScript.

Créer

Générateur d'interrupteurs CSS

CSS Switch Generator

Concevez un interrupteur en pur CSS — piste, curseur et course calculés — avec focus clavier et mouvement réduit gérés dans le code copié, sans JavaScript.

Créer

Générateur de clip-path CSS

CSS Clip Path Generator

Modifiez les sommets par glissement, au clavier ou par coordonnées. Quatre formes de départ, copie locale de clip-path ou du CSS complet.

Créer