Un souci avec cet outil ?

À propos de « Convertisseur HEX Vers RGBA En Ligne »

Cet outil convertit les codes hex en notation RGBA, où A est le canal alpha (opacité de 0 à 1). Un code hex comme #FF5733 n'inclut pas la transparence ; rgba(255, 87, 51, 0.5) permet de spécifier une variante semi-transparente pour des overlays, des gradients ou des design tokens.

RGBA est essentiel pour les éléments semi-transparents : tooltips, fonds de modales, barres de graphique adoucies, filigranes — tous utilisent des opacités différentes. Le hex à 8 chiffres (#FF5733FF) est une alternative, mais RGBA est plus largement compris des designers.

Pratique pour ajouter de la transparence aux couleurs de marque dans des états UI, atténuer une couleur primaire pour des boutons désactivés, ou mélanger visuellement par superposition de couches transparentes.

Comment utiliser cet outil

Convertir une couleur hex (avec alpha optionnel) en RGBA

  1. Saisir la valeur hex

    Hex dans le champ « Hex (#RGB … #RRGGBBAA) ». Quatre longueurs supportées : `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA` — le `#` initial est optionnel et la casse est ignorée.

  2. Parsing de l’alpha

    Si l’hex inclut un alpha (4 ou 8 chiffres) il est utilisé ; sinon alpha vaut 1 par défaut (opaque). La valeur de l’octet est divisée par 255 pour obtenir un flottant 0–1, tronqué à 4 décimales.

  3. Exécuter

    Sortie : `r`, `g`, `b` (0–255), `a` (flottant 0–1), `alphaByte` (0–255), `hex` (8 chiffres normalisés), `hexRgb` (6 chiffres sans alpha) et `rgbaCss` (chaîne `rgba(r, g, b, a)` prête à coller).

  4. hex vs hexRgb selon l’usage

    Utilisez `hex` (8 chiffres) en CSS où le hex 8 chiffres est supporté. Utilisez `hexRgb` si vous avez besoin d’un hex 6 chiffres classique avec une `opacity` ou un `rgba()` séparé.

Outils similaires