Hexadecimal para RGBA

Transforme cores hexadecimais em valores de vermelho, verde, azul e alfa com um controle deslizante de opacidade.

Cor hexadecimal
Opacidade 100%
Valor RGBA
Pré-visualização

Converta cores hexadecimais em RGBA com opacidade

Hex para RGBA converte uma cor hexadecimal CSS em notação vermelha, verde, azul e alfa. Use-o quando precisar de uma sobreposição transparente, token de cor da interface do usuário, valor CSS ou cor visualizável com opacidade.

A entrada hexadecimal pode ser uma abreviação de 3 dígitos ou uma cor de 6 dígitos com ou sem #. Os canais RGB são 0-255, enquanto o controle deslizante de opacidade converte 0% a 100% em valores alfa de 0 a 1.

Como usar

  1. Insira um código de cor hexadecimal no campo de entrada.
  2. Ajuste o controle deslizante de opacidade até que o valor alfa corresponda à transparência necessária.
  3. Revise a saída RGBA, os valores do canal e a visualização do tabuleiro de xadrez.
  4. Copie o valor RGBA ou use uma cor aleatória para testes rápidos.

O que é conversão de hexadecimal para RGBA?

Conversão Hex para RGBA divide uma cor hexadecimal em canais vermelho, verde e azul e, em seguida, adiciona um canal alfa para transparência. Alpha 1 é totalmente opaco, 0.5 tem 50% de opacidade e 0 é totalmente transparente.

Notas de entrada

Use dígitos de cores hexadecimais válidos e defina a opacidade deliberadamente. Alguns sistemas de design armazenam alfa como decimal, alguns como porcentagem e outros como um sufixo hexadecimal de 8 dígitos, portanto, confirme o formato de destino antes de copiar.

Exemplo

Uma configuração de opacidade de 50% transforma #FF5733 em uma cor RGBA com alfa 0,5:

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

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

Integração MCP

MCP (Model Context Protocol) permite que agentes de IA e aplicativos descubram e executem utilitários do Coding.Tools para fluxos repetíveis de conversão, formatação, hash e geração.

Nome da ferramenta MCP: hex-to-rgba

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

Chame tools/list primeiro. Cada ferramenta inclui inputSchema, outputSchema e examples para que um agente de IA ou cliente possa montar argumentos válidos sem adivinhar.

Em tools/call, leia result.content[0].text para o valor exibível e result.structuredContent para parsing por máquina. Falhas da ferramenta retornam isError: true; falhas de protocolo retornam um JSON-RPC error.

Exemplo de requisição 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}}}}'

A maioria das ferramentas de texto e dados aceita uma string input e options opcionais. Ferramentas de imagem que dependem das APIs de imagem do navegador são listadas para descoberta e retornam um link para a interface web quando precisam desses recursos.