Saltar al contenido
Toolars
Explorar
Informar de un error

Diseño · utilidad Local

RGBA a HEX

RGBA to HEX Converter

Convierte valores rgb() y rgba() a HEX en mayúsculas, conservando la transparencia como byte alfa cuando el color es translúcido. Todo en local.

Ruta de la tarea / de la entrada al resultado

Introduce los valores de canal

Funciona en local · No se sube nada

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

Ruta de la tarea / de la entrada al resultado

Cómo convertir un color RGBA a HEX

  1. 01

    Introduce los valores de canal

    Escribe un valor rgb() o rgba() en el campo Color RGB o RGBA: el campo abre con rgba(109, 94, 248, 0.8) ya rellenado y acepta hasta 64 caracteres. Rojo, verde y azul deben ser enteros de 0 a 255, y alfa un número de 0 a 1; los porcentajes y los canales fuera de rango se rechazan.

  2. 02

    Ejecuta la conversión

    Pulsa Convertir a HEX. El analizador valida cada canal antes de convertir, y el resultado anterior se borra en cuanto editas el campo, así que el panel nunca muestra un valor obsoleto.

  3. 03

    Lee el resultado hexadecimal

    El resultado es un valor hexadecimal en mayúsculas: #RRGGBB cuando el color es totalmente opaco y #RRGGBBAA cuando el alfa es inferior a 1. El byte alfa es el alfa multiplicada por 255 y redondeada, así que 0,8 se convierte en 204, escrito CC.

  4. 04

    Revisa los canales individuales

    Los canales y la vista previa muestran el HEX tras cuantizar alfa a 8 bits. Por ejemplo, alfa 0.65 pasa a 166/255, mostrado como 0.65098. Es una vista del resultado, no una copia del alfa de entrada.

  5. 05

    Carga la conversión de ejemplo

    Pulsa Cargar ejemplo para ver una ejecución completa: rgba(14, 165, 233, 0.65) se convierte en #0EA5E9A6, porque 0,65 por 255 redondea a 166, que es A6 en hexadecimal. Restablecer devuelve la entrada por defecto rgba(109, 94, 248, 0.8).

  6. 06

    Copia o descarga el resultado

    Pulsa Copiar salida para copiar el valor hexadecimal, o Descargar para guardarlo como toolars-color-hex.txt. Ambas acciones permanecen desactivadas hasta que una conversión tiene éxito.

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.

RGBA a HEX 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 RGBA a HEX en realidad

Los tokens de diseño, las hojas de estilos antiguas y muchas API todavía piden colores en hexadecimal, mientras que el CSS computado y las herramientas de diseño modernas te entregan rgba(). Traducir rgba(14, 165, 233, 0.65) a mano significa tres conversiones de decimal a hexadecimal más el byte alfa. RGBA a HEX hace las cuentas con exactitud, conserva la transparencia como un hexadecimal de ocho dígitos y muestra los canales analizados para que compruebes la entrada antes de copiar. Todo se ejecuta en tu dispositivo, sin enviar nada a ninguna parte y sin necesidad de cuenta.

Preguntas frecuentes

¿Qué sintaxis de entrada se acepta?
rgb(r, g, b) o rgba(r, g, b, a) con canales separados por comas: rojo, verde y azul deben ser enteros de 0 a 255, y alfa un número de 0 a 1 como 0.8 o .65. La notación no distingue mayúsculas y tolera espacios alrededor de las comas; los canales en porcentaje como rgb(50%, 30%, 20%) se rechazan deliberadamente.
¿Cuándo incluye el resultado un byte alfa?
Solo cuando el alfa es inferior a 1. rgba(109, 94, 248, 0.8) se convierte en #6D5EF8CC, mientras que el mismo color a opacidad completa se convierte en #6D5EF8: la notación hexadecimal nunca lleva un FF redundante.
¿Cómo se convierte el alfa en el último byte?
El alfa se multiplica por 255 y se redondea al entero más cercano, y luego se escribe como dos dígitos hexadecimales en mayúsculas. Así, 0,5 se convierte en 128, mostrado como 80, y 0,65 redondea a 166, mostrado como A6: la misma correspondencia que CSS usa para los colores hexadecimales de ocho dígitos.
¿Por qué se rechazó mi entrada?
El mensaje nombra el problema exacto: un canal por encima de 255, un canal no entero, un alfa por encima de 1 o un formato distinto de rgb() o rgba(). El analizador es deliberadamente estricto para que una errata nunca se convierta en un color silenciosamente incorrecto. Corrige el valor y convierte de nuevo: nada se envió a ninguna parte.
¿Puedo convertir hexadecimal de vuelta a rgba()?
Sí: usa HEX a RGBA, que acepta #RGB, #RGBA, #RRGGBB y #RRGGBBAA y muestra la cadena rgba() con cada canal desglosado para revisión.
¿El color se sube 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