Pular para o conteúdo
Toolars
Explorar

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.

Processamento local

Detalhes do processamento

Os dados da ferramenta são processados no seu dispositivo.

Esta ferramenta pode baixar recursos. Os serviços de conta são separados.

Preparando uso offline…

Informações de privacidade
Reportar erro

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.

Quando HEX para RGBA é útil

Decodifique uma sobreposição translúcida da marca

Digite #0f4cff80 e converta para RGBA. Os canais são 15, 76 e 255, com alfa próximo de 0.502. A amostra grande mostra a tonalidade da sobreposição sobre a página antes de copiar a string rgba() para a folha de estilos.

Expanda uma cor abreviada

Digite #6F8A e converta: cada dígito se duplica, produzindo rgb(102, 255, 136) com alfa de aproximadamente 0.667. Fazer essa duplicação à mão é uma causa comum de erros de um dígito.

Confira o percurso de ida e volta

Cole a saída rgba() no conversor de RGBA para HEX e confirme o retorno ao hexadecimal original, incluindo o byte alfa. As ferramentas compartilham o cálculo dos canais, portanto a ida e volta preserva todos os 256 valores possíveis do byte alfa.

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.
Por que outra ferramenta mostra um alfa ligeiramente diferente?
O alfa é o byte dividido por 255, o que costuma produzir uma dízima como 0.501960…. Este espaço mantém até seis casas decimais; outras ferramentas podem arredondar para duas ou quatro. A diferença é apenas de apresentação: o byte original é idêntico e o CSS aceita diferentes precisões. Para corresponder exatamente a um token de design, compare o byte hexadecimal, não o decimal.
Posso usar rgba() em qualquer lugar?
Todo navegador moderno aceita rgba() e a forma rgb() separada por espaços com alfa após a barra. Ferramentas muito antigas ou linters rígidos podem exigir um formato específico. Quando necessário, mantenha o alfa em 1 para obter o equivalente a rgb() comum. Em pipelines de build, cole a string exata exportada em vez de redigitar os decimais.
Quais propriedades CSS aceitam o valor convertido?
Qualquer propriedade que aceite uma cor, como background, color, border-color, box-shadow, gradientes e outline. Valores rgba() translúcidos são úteis em sobreposições, estados desativados e sombras, quando o conteúdo inferior deve aparecer através da cor.
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.

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

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

Gerador de caixas de seleção CSS

CSS Checkbox Generator

24 modelos de caixa: oito marcas × três transições; teste a prévia nativa com clique ou Espaço.

Criar

Gerador de interruptores CSS

CSS Switch Generator

18 modelos de interruptor: seis formas × três transições; teste com clique ou teclado.

Criar

Gerador de clip-path CSS

CSS Clip Path Generator

24 formas de recorte, parâmetros e pontos de polígono editáveis; exporte CSS ou uma declaração.

Criar