AbraCalc

Conversor de Color Hex a RGBA

Convierte un color hex CSS (#rrggbb o #rgb) a un valor RGBA con un canal alfa personalizado. Gratis, instantáneo.

Por · Revisado por AbraCalc Methodology Review · 2 fuentes

Insertar esta herramienta en tu sitio
Citar esta herramienta

APA

AbraCalc. (2026). Conversor de Color Hex a RGBA [Online calculator]. Retrieved from https://abracalc.com/es/hex-a-rgba/

BibTeX

@misc{abracalc-hex-a-rgba, author = {AbraCalc}, title = {Conversor de Color Hex a RGBA}, year = {2026}, howpublished = {\url{https://abracalc.com/es/hex-a-rgba/}} }

¿Esta herramienta respondió tu pregunta?

Cómo usar esta herramienta

  1. Ingresa tu código de color hex (por ejemplo #3a86ff o #f0f).
  2. Ajusta el valor alfa entre 0 (invisible) y 1 (opaco).
  3. Copia el resultado rgba() en tu CSS.

Convierte un color hex CSS a rgba() con un valor alfa (opacidad) personalizado. Útil cuando necesitas colores semitransparentes en CSS.

Fórmula

Given a hex color #rrggbb:

R = parseInt(rr, 16)   G = parseInt(gg, 16)   B = parseInt(bb, 16)

Alpha (a) = clamp(input, 0, 1), rounded to 2 decimal places

Result: rgba(R, G, B, a)

Short 3-digit hex #rgb is expanded to #rrggbb by doubling each digit before parsing.

Preguntas frecuentes

¿Qué es RGBA?
RGBA es como RGB pero con un cuarto canal (alfa) que controla la opacidad. 0 es totalmente transparente, 1 es totalmente opaco.
¿Puedo usar códigos hex de 3 dígitos?
Sí. #abc se expande automáticamente a #aabbcc antes de la conversión.

Referencias y fuentes