Convertisseur HEX en RGBA
Convertissez un code HEX en valeur rgba() que vous pouvez rendre semi-transparente en modifiant le nombre alpha.
Saisie hex
Résultat · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Mode d’emploi: HEX en RGBA
- 1
Saisissez une couleur
Tapez un code couleur ou choisissez une couleur avec le sélecteur : chaque champ accepte le format qu’il affiche.
- 2
Voyez la conversion
Le résultat se met à jour instantanément pendant la saisie, avec un aperçu en direct de la couleur.
- 3
Copiez le code
Copiez la valeur dont vous avez besoin en un clic et collez-la dans votre design, votre CSS ou vos paramètres d’impression.
À propos du HEX et du RGBA
Le RGBA est du RGB avec une quatrième composante, l’alpha, qui règle l’opacité de 0 (entièrement transparent) à 1 (entièrement opaque). Un code HEX standard à six chiffres comme #6A5ACD ne contient pas de transparence : le convertisseur le renvoie donc sous la forme rgba(106, 90, 205, 1) — la même couleur à pleine opacité.
Pour la rendre translucide, modifiez le dernier nombre : rgba(106, 90, 205, 0.5) est à moitié transparent, et 0.15 donne une teinte légère. C’est la méthode habituelle pour créer des voiles sur des photos, des ombres subtiles, des effets de survol et des fonds translucides sans définir une couleur plus claire à part. Contrairement à la propriété opacity, l’alpha de rgba() n’affecte que cette couleur : le texte d’un bloc semi-transparent reste donc net.
Le CSS moderne accepte aussi les codes HEX à huit chiffres avec alpha, comme #6A5ACD80, mais rgba() est plus facile à lire et à modifier, et fonctionne aussi dans les anciens navigateurs et clients de messagerie.
Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.