Aller au contenu
Toolars
Explorer
Signaler un bug

Design · utilitaire Local

RGBA en HEX

RGBA to HEX Converter

Convertissez rgb() et rgba() en hexadécimal majuscules, avec octet alpha conservé en notation à huit chiffres dès que la couleur est translucide, en local.

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

Entrez les valeurs des canaux

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

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

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

Comment convertir une couleur RGBA en HEX

  1. 01

    Entrez les valeurs des canaux

    Saisissez une valeur rgb() ou rgba() dans le champ Couleur RGB ou RGBA — le champ s'ouvre pré-rempli avec rgba(109, 94, 248, 0.8) et accepte jusqu'à 64 caractères. Le rouge, le vert et le bleu doivent être des entiers de 0 à 255, l'alpha un nombre de 0 à 1 ; les pourcentages et les canaux hors limites sont rejetés.

  2. 02

    Lancez la conversion

    Cliquez sur Convertir en HEX. L'analyseur valide chaque canal avant de convertir, et le résultat précédent s'efface dès que vous modifiez le champ, donc le panneau n'affiche jamais une valeur obsolète.

  3. 03

    Lisez le résultat hexadécimal

    Le résultat est une valeur hexadécimale en majuscules : #RRGGBB quand la couleur est totalement opaque, #RRGGBBAA quand l'alpha est inférieur à 1. L'octet alpha est l'alpha multiplié par 255 puis arrondi, donc 0.8 devient 204, écrit CC.

  4. 04

    Examinez les canaux individuels

    Les canaux du résultat et l'aperçu montrent la couleur HEX exportée après quantification de l'alpha sur un octet 8 bits. Par exemple, un alpha saisi de 0.65 devient 166/255, affiché comme 0.65098. C'est un aperçu de sortie, pas une copie inchangée de l'alpha saisi.

  5. 05

    Chargez la conversion d'exemple

    Cliquez sur Charger un exemple pour voir une exécution complète : rgba(14, 165, 233, 0.65) se convertit en #0EA5E9A6, parce que 0.65 multiplié par 255 s'arrondit à 166, qui vaut A6 en hexadécimal. Réinitialiser ramène la saisie par défaut rgba(109, 94, 248, 0.8).

  6. 06

    Copiez ou téléchargez le résultat

    Cliquez sur Copier la sortie pour copier la valeur hexadécimale, ou sur Télécharger pour l'enregistrer sous toolars-color-hex.txt. Les deux restent désactivés tant qu'aucune conversion n'a réussi.

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.

RGBA en HEX 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 RGBA en HEX fait vraiment

Les jetons de design, les feuilles de style plus anciennes et bien des API veulent encore les couleurs en hexadécimal, tandis que le CSS calculé et les outils de design modernes vous remettent du rgba(). Traduire rgba(14, 165, 233, 0.65) à la main, c'est trois conversions décimal-hexadécimal plus l'octet alpha. Convertisseur RGBA vers HEX fait le calcul exactement, conserve la transparence en hexadécimal à huit chiffres et montre les canaux analysés pour que vous puissiez vérifier la saisie avant de copier. Tout s'exécute sur votre appareil, rien n'est envoyé nulle part et aucun compte n'est requis.

Questions fréquentes

Quelle syntaxe d'entrée est acceptée ?
rgb(r, g, b) ou rgba(r, g, b, a) avec des canaux séparés par des virgules : le rouge, le vert et le bleu doivent être des entiers de 0 à 255, et l'alpha un nombre de 0 à 1 comme 0.8 ou .65. La notation est insensible à la casse et tolère les espaces autour des virgules ; les canaux en pourcentage comme rgb(50%, 30%, 20%) sont rejetés par conception.
Quand la sortie inclut-elle un octet alpha ?
Seulement quand l'alpha est inférieur à 1. rgba(109, 94, 248, 0.8) devient #6D5EF8CC, tandis que la même couleur à pleine opacité devient #6D5EF8 — la notation hexadécimale ne porte jamais de FF superflu.
Comment l'alpha devient-il le dernier octet ?
L'alpha est multiplié par 255 et arrondi à l'entier le plus proche, puis écrit sous forme de deux chiffres hexadécimaux majuscules. Ainsi 0.5 devient 128, affiché 80, et 0.65 s'arrondit à 166, affiché A6 — la même correspondance que le CSS utilise pour les couleurs hexadécimales à huit chiffres.
Pourquoi ma saisie a-t-elle été rejetée ?
Le message nomme le problème exact : un canal au-dessus de 255, un canal non entier, un alpha au-dessus de 1, ou un format autre que rgb() ou rgba(). L'analyseur est volontairement strict pour qu'une faute de frappe ne devienne jamais une couleur silencieusement fausse. Corrigez la valeur et convertissez à nouveau — rien n'a été envoyé nulle part.
Puis-je reconvertir l'hexadécimal en rgba() ?
Oui — utilisez le Convertisseur HEX vers RGBA, qui accepte #RGB, #RGBA, #RRGGBB et #RRGGBBAA et affiche la chaîne rgba() avec chaque canal détaillé pour vérification.
La couleur est-elle téléversé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