¿Algo va mal con esta herramienta?

Sobre «Convertidor De HEX A RGBA En Línea»

Esta herramienta convierte códigos de color hex a notación RGBA, donde la A es el canal alfa (opacidad de 0 a 1). Los hex como #FF5733 no incluyen transparencia; rgba(255, 87, 51, 0.5) permite especificar una variante semitransparente para superposiciones, paradas de gradiente o tokens de diseño.

La notación RGBA es esencial al diseñar elementos semitransparentes: tooltips, fondos de modales, barras de gráfico atenuadas y marcas de agua usan opacidades variables. El hex de 8 dígitos (#FF5733FF) es una alternativa, pero RGBA es más entendida por los diseñadores.

Útil para añadir transparencia a los colores de marca al diseñar estados de UI, atenuar un color principal en botones deshabilitados, o mezclar colores visualmente capa sobre capa.

Cómo usar esta herramienta

Cómo convertir un color hex (con alpha opcional) a RGBA

  1. Introduce el valor hex

    Hex en el campo «Hex (#RGB … #RRGGBBAA)». Se admiten cuatro longitudes: `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA` — el `#` inicial es opcional y la mayúscula/minúscula no importa.

  2. Cómo se parsea el alpha

    Si el hex incluye alpha (4 u 8 dígitos) se usa; si no, alpha por defecto es 1 (totalmente opaco). El valor del byte se divide entre 255 para obtener un float 0–1 que se recorta a 4 decimales.

  3. Ejecutar

    Salida: `r`, `g`, `b` (0–255), `a` (float 0–1), `alphaByte` (0–255), `hex` (8 dígitos normalizado), `hexRgb` (6 dígitos sin alpha) y `rgbaCss` (cadena `rgba(r, g, b, a)` lista para copiar).

  4. Cuándo usar hex frente a hexRgb

    Usa `hex` (8 dígitos) en CSS que admita hex de 8 dígitos. Usa `hexRgb` cuando necesites hex clásico de 6 dígitos junto a una `opacity` o `rgba()` separada.

Herramientas parecidas