Pular para o conteúdo
Toolars
Explorar
Reportar erro

Design · utilitário Local

HEX para RGBA

HEX to RGBA Converter

Converta #RGB, #RGBA, #RRGGBB e #RRGGBBAA em rgba() com decodificação exata do alfa, amostra ao vivo e resultado pronto para copiar.

Caminho da tarefa / da entrada ao resultado

Insira a cor HEX

Roda localmente · Nada é enviado

Como HEX para RGBA funciona, privacidade e ferramentas relacionadas

Caminho da tarefa / da entrada ao resultado

Como converter uma cor HEX para RGBA

  1. 01

    Insira a cor HEX

    Digite o valor no campo Cor HEX, que começa preenchido com #6D5EF8CC. O analisador estrito aceita #RGB, #RGBA, #RRGGBB e #RRGGBBAA — o auxiliar sob o campo lista exatamente esses quatro formatos, e o campo limita a entrada a nove caracteres.

  2. 02

    Execute a conversão

    Pressione Converter para RGBA. O analisador valida o valor inteiro antes de qualquer coisa renderizar, e um valor malformado é rejeitado com uma mensagem que indica os quatro formatos aceitos. Editar o campo limpa o resultado anterior, então o painel abaixo nunca mostra uma cor desatualizada.

  3. 03

    Leia os canais RGBA

    O alfa é decodificado como seu byte dividido por 255, sem arredondamento durante o cálculo. O RGBA e a exibição de canais usam até seis casas decimais; todos os 256 bytes de alfa fazem ida e volta pelo RGBA exportado.

  4. 04

    Confira a amostra

    A amostra grande de pré-visualização renderiza a cor convertida diretamente, então um resultado translúcido fica imediatamente visível contra a página. Use-a para confirmar que o alfa aparece do jeito que o design pretendia antes de copiar.

  5. 05

    Carregue o exemplo se precisar

    Pressione Carregar exemplo para executar um exemplo completo — #22C55E99 converte para rgba(34, 197, 94, 0.6) — que mostra o fluxo completo da entrada aos canais. Redefinir devolve o campo para #6D5EF8CC e limpa o resultado.

  6. 06

    Copie ou baixe o resultado

    Pressione Copiar saída para copiar o valor rgba() para a área de transferência, ou Baixar para salvá-lo como toolars-color-rgba.txt. As duas ações ficam desativadas até uma conversão ser concluída com sucesso, então você nunca copia um resultado vazio.

Fatos da ferramenta

Processamento
No seu navegador
A entrada sai deste dispositivo
Nunca
Retenção
Nada é armazenado
Preço
Grátis

Sua entrada fica no navegador.

HEX para RGBA usa seu caminho de execução local verificado e não cria um histórico oculto de entradas ou saídas.

Execução local

Roda dentro da aba atual do navegador.

Sem processamento oculto

Os dados ativos da ferramenta nunca viram um registro de documento do Toolars.

Não precisa de conta

Use o fluxo principal sem criar um perfil. Os favoritos sincronizam com sua conta depois que você entra.

Redefinição imediata

Limpe a aba e os dados de trabalho ativos desaparecem.

O que HEX para RGBA realmente faz

Uma entrega de design lista uma cor de marca translúcida como #6D5EF8CC, e a folha de estilos que você está editando quer rgba(): os bytes de vermelho, verde e azul são administráveis, mas CC significa 204 de 255 — cerca de 0,8 de alfa — e fazer isso de cabeça convida erros. O conversor de HEX para RGBA decodifica cada grupo de dígitos exatamente, expande dígitos abreviados e mostra cada canal para revisão ao lado de uma amostra ao vivo. A string copiada entra direto em uma declaração de borda, sombra ou gradiente. O valor nunca sai da aba, então a conversão serve para qualquer base de código sensível a privacidade.

Perguntas frequentes

Quais formatos HEX são aceitos?
Exatamente quatro: #RGB, #RGBA, #RRGGBB e #RRGGBBAA. Qualquer outra coisa — um # ausente, cinco dígitos ou uma palavra-chave de cor — é rejeitada com uma mensagem que indica os formatos aceitos.
Como os formatos abreviados são expandidos?
Cada dígito dobra: #RGB vira #RRGGBB repetindo cada caractere, então #6F8 decodifica como vermelho 102, verde 255, azul 136. Em #RGBA o quarto dígito dobra para o byte de alfa antes de se aplicar o mapeamento usual de 0–255 para 0–1.
Como o byte de alfa é convertido?
O alfa é decodificado como seu byte dividido por 255, sem arredondamento durante o cálculo. O RGBA e a exibição de canais usam até seis casas decimais; todos os 256 bytes de alfa fazem ida e volta pelo RGBA exportado.
Por que meu resultado sumiu?
Editar o campo de entrada limpa o resultado anterior de propósito, para que o painel nunca mostre uma cor que não corresponde mais ao que está digitado. Pressione Converter para RGBA de novo e o resultado atualizado aparece instantaneamente.
Posso converter na direção oposta?
Sim — use o conversor de RGBA para HEX, que aceita notação rgb() e rgba() e produz o valor hexadecimal correspondente, incluindo o byte de alfa quando a cor é translúcida. As duas ferramentas compartilham a mesma matemática de canais, então uma ida e volta retorna o valor com que você começou.
A cor é enviada para algum lugar?
Não. A conversão roda inteiramente nesta aba do navegador, entradas e resultados nunca saem dela, e nenhuma conta é necessária.

Continuar em Design

Tarefas relacionadas, não um beco sem saída.

Passe para outro espaço de trabalho focado sem voltar ao índice completo.

Gerador de animações de carregamento CSS

CSS Loader Generator

Desenhe um carregador de anel orbital ou três pontos com tamanho, traço, velocidade e cores ajustáveis e copie CSS com reduced-motion.

Criar

Gerador de caixas de seleção CSS

CSS Checkbox Generator

Estilize uma caixa de seleção própria com tamanho, borda e cores por estado e copie CSS que mantém um input real acessível por teclado.

Criar

Gerador de interruptores CSS

CSS Switch Generator

Crie um interruptor só de CSS com trilha, botão e cores dos dois estados, e copie o código com foco e reduced-motion tratados.

Criar

Gerador de clip-path CSS

CSS Clip Path Generator

Edite vértices arrastando, pelo teclado ou por coordenadas. Quatro formas iniciais e cópia local da declaração clip-path ou do CSS completo.

Criar