HEX en RGBA

Convertisseur HEX en RGBA (Opacité)

Convertissez instantanément des codes couleur HEX en RGBA avec opacité et transparence alpha. Prise en charge des formats hex à 3, 6 et 8 caractères, conversion par lots et code CSS prêt à l'emploi.

Préréglages :
Entrées de couleur & contrôle alpha
#
Canal rouge (R)79
Canal vert (G)70
Canal bleu (B)229
80% (0.8 | 0xCC)
Paliers clés d'opacité
#FFFFFF
Préréglages de substrat

Collez n'importe quelle chaîne rgba(r, g, b, a) ou rgb() pour recalculer avec précision les paramètres HEX d'origine.

Calcule l'opacité alpha exacte requise pour obtenir la couleur cible souhaitée sur l'arrière-plan.

Couleur composite obtenue#726BEA
rgb(114, 107, 234)
Faisceau incident80% Alpha
rgba(79, 70, 229, 0.8)
Diagramme de rayons du mélange optique alphaC_comp = C_fg × A + C_bg × (1 - A)
Premier plan (Couche 1) #4F46E5 (Canal alpha: 80%)Substrat (Couche 2) #FFFFFF (Plein (100 % d'opacité))Simulation du faisceau lumineux (1.00)Transmittance (%): 20%#726BEAY: 20%
Extraits de code prêts à l'emploi par plateformeNorme de syntaxe active: modern-web
CSS Color 3 (rgba)rgba(79, 70, 229, 0.8)
CSS Color 4 (moderne)rgb(79 70 229 / 0.8)
HEX à 8 caractères (#RRGGBBAA)#4F46E5CC
Tailwind CSSbg-[#4f46e5]/[80%]
Couleur Android (0xAARRGGBB)0xCC4F46E5
Couleur Flutter (Color(0xAARRGGBB))Color(0xCC4F46E5)
Code HEX actif#4F46E5
RGBA de sortiergba(79, 70, 229, 0.8)
Luminance relative BT.70920.0%
Contraste du substrat4.19:1
Contraste sur blanc4.19:1
Contraste sur noir5.01:1