Hexadecimal a RGBA

Convierta los colores hexadecimales en valores rojo, verde, azul y alfa con un control deslizante de opacidad.

Color hexadecimal
Opacidad 100%
Valor RGBA
Vista previa

Convierta colores hexadecimales a RGBA con opacidad

Hex a RGBA convierte un color hexadecimal CSS en notación roja, verde, azul y alfa. Úselo cuando necesite una superposición transparente, un token de color de interfaz de usuario, un valor CSS o un color previsualizable con opacidad.

La entrada hexadecimal puede ser una taquigrafía de 3 dígitos o un color de 6 dígitos con o sin #. Los canales RGB son 0-255, mientras que el control deslizante de opacidad convierte 0% a 100% en valores alfa de 0 a 1.

como usar

  1. Ingrese un código de color hexadecimal en el campo de entrada.
  2. Ajuste el control deslizante de opacidad hasta que el valor alfa coincida con la transparencia que necesita.
  3. Revise la salida RGBA, los valores de los canales y la vista previa del tablero de ajedrez.
  4. Copie el valor RGBA o utilice un color aleatorio para una prueba rápida.

¿Qué es la conversión de hexadecimal a RGBA?

Conversión de hexadecimal a RGBA divide un color hexadecimal en canales rojo, verde y azul y luego agrega un canal alfa para mayor transparencia. Alpha 1 es completamente opaco, 0.5 tiene una opacidad del 50% y 0 es completamente transparente.

Notas de entrada

Utilice dígitos de colores hexadecimales válidos y establezca la opacidad deliberadamente. Algunos sistemas de diseño almacenan alfa como decimal, algunos como porcentaje y otros como un sufijo hexadecimal de 8 dígitos, así que confirme el formato de destino antes de copiar.

Ejemplo

Una configuración de opacidad del 50 % convierte #FF5733 en un color RGBA con alfa 0,5:

--- Hex Input ---
#FF5733
Opacity: 50%

--- RGBA Output ---
rgba(255, 87, 51, 0.5)

Integración MCP

MCP (Model Context Protocol) permite que agentes de IA y aplicaciones descubran y ejecuten utilidades de Coding.Tools para flujos repetibles de conversión, formato, hash y generación.

Nombre de herramienta MCP: hex-to-rgba

Endpoint MCP: https://coding.tools/mcp

Llame primero a tools/list. Cada herramienta incluye inputSchema, outputSchema y examples para que un agente de IA o cliente pueda construir argumentos válidos sin adivinar.

Para tools/call, lea result.content[0].text para el valor visible y result.structuredContent para el análisis automático. Los fallos de herramienta devuelven isError: true; los fallos de protocolo devuelven un JSON-RPC error.

Ejemplo de solicitud tools/call:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"hex-to-rgba","arguments":{"input":"#3366CC","options":{"alpha":0.65}}}}'

La mayoría de las herramientas de texto y datos aceptan una cadena input y options opcionales. Las herramientas de imagen que dependen de las API de imagen del navegador se listan para descubrimiento y devuelven un enlace a la interfaz web cuando necesitan capacidades del navegador.