RGBA a Hexadecimal

Convierta los valores de rojo, verde, azul y opacidad en una etiqueta de color hexadecimal más opacidad.

Color RGBA
Rojo (R)
Verde (G)
Azul (B)
Alpha (A)
Color hexadecimal
Vista previa

Convierta canales RGBA a hexadecimal más opacidad

RGBA a Hex convierte los valores de los canales rojo, verde y azul en un color CSS #RRGGBB y mantiene la opacidad visible como porcentaje. Úselo al mover colores transparentes a archivos token, guías de estilo o sistemas que almacenan alfa por separado.

Los canales RGB deben ser números enteros desde 0 a 255. El campo alfa utiliza el porcentaje 0-100 en esta herramienta, por lo que 50 significa 50% de opacidad, equivalente a alfa 0.5 en notación CSS rgba().

como usar

  1. Introduzca valores de rojo, verde y azul de 0 a 255.
  2. Ingrese alfa como un porcentaje de opacidad de 0 a 100.
  3. Revise el color hexadecimal, la insignia de opacidad y la vista previa del tablero de ajedrez.
  4. Copie el resultado, que incluye el valor hexadecimal y la nota de opacidad.

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

La conversión de RGBA a hexadecimal transforma la parte RGB de un color RGBA en #RRGGBB. La opacidad es un valor alfa independiente y esta herramienta lo informa como un porcentaje en lugar de doblarlo en un color hexadecimal de 8 dígitos.

Notas de entrada

Utilice canales RGB de números enteros y un porcentaje de opacidad. Si su objetivo espera un CSS hexadecimal de 8 dígitos como #RRGGBBAA, convierta el porcentaje alfa en un byte hexadecimal de dos dígitos separado antes de usarlo.

Ejemplo

RGB 255, 87, 51 con 50% de opacidad se convierte en el color hexadecimal #FF5733 más una nota de opacidad:

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

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

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: rgba-to-hex

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":"rgba-to-hex","arguments":{"input":{"r":51,"g":102,"b":204,"a":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.