Saltar al contenido
Toolars
Explorar
Informar de un error

Diseño · utilidad Local

HEX a RGBA

HEX to RGBA Converter

Convierte colores #RGB, #RGBA, #RRGGBB y #RRGGBBAA a rgba() con el alfa sin redondear, cada canal desglosado y una muestra en vivo. En local.

Ruta de la tarea / de la entrada al resultado

Introduce el color HEX

Funciona en local · No se sube nada

Cómo funciona HEX a RGBA, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo convertir un color HEX a RGBA

  1. 01

    Introduce el color HEX

    Escribe el valor en el campo Color HEX, que comienza con #6D5EF8CC ya rellenado. El analizador estricto acepta #RGB, #RGBA, #RRGGBB y #RRGGBBAA: la ayuda bajo el campo enumera exactamente estos cuatro formatos, y el campo limita la entrada a nueve caracteres.

  2. 02

    Ejecuta la conversión

    Pulsa Convertir a RGBA. El analizador valida el valor completo antes de renderizar nada, y un valor mal formado se rechaza con un mensaje que nombra los cuatro formatos aceptados. Editar el campo borra el resultado anterior, así que el panel de abajo nunca muestra un color obsoleto.

  3. 03

    Lee los canales RGBA

    Alfa se calcula dividiendo el byte entre 255 sin redondear durante el cálculo. RGBA y los canales muestran hasta seis decimales; los 256 bytes alfa se recuperan al reconvertir el RGBA exportado.

  4. 04

    Comprueba la muestra

    La gran muestra de vista previa renderiza el color convertido directamente, así que un resultado translúcido se aprecia de inmediato contra la página. Úsala para confirmar que el alfa se lee como el diseño pretendía antes de copiar.

  5. 05

    Carga el ejemplo si lo necesitas

    Pulsa Cargar ejemplo para ejecutar un ejemplo completo — #22C55E99 se convierte en rgba(34, 197, 94, 0.6) — que muestra el flujo entero de la entrada a los canales. Restablecer devuelve el campo a #6D5EF8CC y borra el resultado.

  6. 06

    Copia o descarga el resultado

    Pulsa Copiar salida para copiar el valor rgba() al portapapeles, o Descargar para guardarlo como toolars-color-rgba.txt. Ambas acciones permanecen desactivadas hasta que una conversión tiene éxito, así que nunca copias un resultado vacío.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

HEX a RGBA usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Qué hace HEX a RGBA en realidad

Una entrega de diseño lista un color de marca translúcido como #6D5EF8CC, y la hoja de estilos que estás editando quiere rgba(): los bytes de rojo, verde y azul se manejan, pero CC significa 204 de 255, es decir, un alfa de aproximadamente 0,8, y hacerlo mentalmente invita a errores. HEX a RGBA decodifica cada grupo de dígitos con exactitud, expande los dígitos abreviados y muestra cada canal para revisión junto a una muestra en vivo. La cadena copiada entra directamente en una declaración de borde, sombra o degradado. El valor nunca sale de la pestaña, así que la conversión encaja en cualquier código sensible a la privacidad.

Preguntas frecuentes

¿Qué formatos HEX se aceptan?
Exactamente cuatro: #RGB, #RGBA, #RRGGBB y #RRGGBBAA. Cualquier otra cosa — un # ausente, cinco dígitos o una palabra clave de color — se rechaza con un mensaje que nombra los formatos aceptados.
¿Cómo se expanden los formatos abreviados?
Cada dígito se duplica: #RGB se convierte en #RRGGBB repitiendo cada carácter, así que #6F8 se decodifica como rojo 102, verde 255, azul 136. En #RGBA el cuarto dígito se duplica hasta formar el byte alfa antes de aplicar la correspondencia habitual de 0–255 a 0–1.
¿Cómo se convierte el byte alfa?
Alfa se calcula dividiendo el byte entre 255 sin redondear durante el cálculo. RGBA y los canales muestran hasta seis decimales; los 256 bytes alfa se recuperan al reconvertir el RGBA exportado.
¿Por qué desapareció mi resultado?
Editar el campo de entrada borra el resultado anterior a propósito, así que el panel nunca puede mostrar un color que ya no coincide con lo escrito. Pulsa Convertir a RGBA de nuevo y el resultado nuevo aparece al instante.
¿Puedo convertir en la dirección contraria?
Sí: usa RGBA a HEX, que acepta la notación rgb() y rgba() y produce el valor hexadecimal correspondiente, incluido el byte alfa cuando el color es translúcido. Las dos herramientas comparten el mismo cálculo de canales, así que una ida y vuelta devuelve el valor con el que empezaste.
¿El color se envía a alguna parte?
No. La conversión se ejecuta por completo en esta pestaña del navegador, lo que introduces y los resultados nunca salen de ella, y no se necesita cuenta.

Continuar en Diseño

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Generador de animaciones de carga CSS

CSS Loader Generator

Diseña un anillo orbital o tres puntos que rebotan con marco, trazo, velocidad y colores ajustables, y copia el CSS con @keyframes y reduced-motion.

Crear

Generador de casillas CSS

CSS Checkbox Generator

Diseña casillas personalizadas sobre un input real —con estados de foco y desactivado incluidos— y copia el CSS con tus colores y su transición.

Crear

Generador de interruptores CSS

CSS Switch Generator

Diseña interruptores de CSS puro con pista, deslizador y colores de ambos estados ajustables, y copia el código con foco accesible y reduced-motion.

Crear

Generador de clip-path CSS

CSS Clip Path Generator

Edita polígonos arrastrando, con el teclado o mediante coordenadas. Usa cuatro formas predefinidas y copia una declaración clip-path o CSS completo de forma local.

Crear