Conversor de opacidad alfa

• Conversión alfa instantánea: el conversor procesa cualquier color CSS con alfa en tiempo real. Pega rgba(), hsla(), HEX8 o HEX4 y obtén todos los formatos equivalentes al instante, sin pulsar botones ni esperar.
• Procesamiento seguro y privado: tus datos de color nunca salen de tu dispositivo. El conversor se ejecuta íntegramente en tu navegador, así que no se sube nada a ningún sitio y no se registra nada.
• Vista previa de mezcla sobre cualquier fondo: comprueba exactamente cómo se ve tu color semitransparente compuesto sobre blanco, negro y un fondo personalizado. El conversor calcula el valor HEX mezclado para cada fondo al instante.
• 100 % gratis para siempre: usa este conversor sin registro, suscripciones, límites de uso ni muros de pago ocultos. Convierte tantos colores como necesites, totalmente gratis.

Un conversor de opacidad alfa es una herramienta que convierte valores de color CSS con canal alfa (transparencia) entre todos los formatos admitidos. En CSS, la transparencia puede expresarse como rgba() (rojo, verde, azul, alfa 0-1), hsla() (matiz, saturación, luminosidad, alfa 0-1) o HEX8 (#rrggbbaa, un código hexadecimal de 8 dígitos donde los dos últimos representan el canal alfa). Este conversor analiza cualquiera de estos formatos y genera todos los equivalentes, además de una vista previa de mezcla que muestra cómo se ve el color compuesto sobre distintos fondos, todo ejecutándose localmente en tu navegador.

1. Pega tu color: introduce cualquier color CSS con alfa (rgba(), hsla(), HEX8 (#rrggbbaa) o HEX4 (#rgba)). El conversor analiza la entrada y actualiza todas las salidas en tiempo real.
2. Revisa todos los formatos equivalentes: el conversor muestra rgba(), hsla(), HEX8, HEX6 (sin alfa), el porcentaje de opacidad y el valor alfa tanto en escala 0-1 como 0-255.
3. Comprueba las vistas previas de mezcla y copia: observa cómo se ve el color sobre blanco, negro y un fondo personalizado. Copia cualquier formato con un clic o copia la escala de opacidad completa como tokens HEX8.

• Formato rgba(): la función CSS estándar con rojo (0-255), verde (0-255), azul (0-255) y alfa (0-1). Ampliamente compatible en todos los navegadores y preprocesadores CSS.
• Formato hsla(): matiz (0-360°), saturación (0-100 %), luminosidad (0-100 %) y alfa (0-1). Más fácil de razonar para diseñadores que ajustan relaciones de color.
• Formato HEX8: un código hexadecimal de 8 dígitos (#rrggbbaa) donde los dos últimos dígitos representan el canal alfa (00 = totalmente transparente, ff = totalmente opaco). Se usa en Tailwind CSS, Figma y tokens de diseño modernos.
• Vista previa de mezcla: el color sólido real que resulta de componer el color semitransparente sobre un fondo usando la fórmula estándar de composición alfa.

El conversor de opacidad alfa admite los formatos de color CSS indicados arriba. No admite la sintaxis más reciente de CSS Color Level 4 (por ejemplo, rgb(59 130 246 / 50%)) ni los formatos oklch/lab con alfa. La vista previa de mezcla usa composición alfa estándar (operación «over» de Porter-Duff) y asume un fondo plano y sólido: no tiene en cuenta varias capas ni modos de composición complejos.