Pular para o conteúdo
Toolars
Explorar

RGBA para HEX

RGBA to HEX Converter

Converta valores rgb() e rgba() em #RRGGBB ou #RRGGBBAA com revisão canal a canal e arredondamento exato do alfa, localmente.

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 RGBA para HEX

  1. 01

    Insira os valores dos canais

    Digite um valor rgb() ou rgba() no campo Cor RGB ou RGBA — o campo abre preenchido com rgba(109, 94, 248, 0.8) e aceita até 64 caracteres. Vermelho, verde e azul devem ser inteiros de 0 a 255, e o alfa um número de 0 a 1; porcentagens e canais fora do intervalo são rejeitados.

  2. 02

    Execute a conversão

    Pressione Converter para HEX. O analisador valida cada canal antes de converter, e o resultado anterior é limpo assim que você edita o campo, então o painel nunca mostra um valor desatualizado.

  3. 03

    Leia o resultado hexadecimal

    O resultado é um valor hexadecimal em maiúsculas: #RRGGBB quando a cor é totalmente opaca, #RRGGBBAA quando o alfa é menor que 1. O byte de alfa é o alfa multiplicado por 255 e arredondado, então 0,8 vira 204, escrito CC.

  4. 04

    Revise os canais individuais

    Os canais do resultado e a pré-visualização mostram a cor HEX exportada depois de o alfa ser quantizado para um byte de 8 bits. Por exemplo, um alfa de entrada 0,65 vira 166/255, exibido como 0,65098. Esta é uma pré-visualização da saída, não uma cópia inalterada do alfa de entrada.

  5. 05

    Carregue a conversão de exemplo

    Pressione Carregar exemplo para assistir a uma execução completa: rgba(14, 165, 233, 0.65) converte para #0EA5E9A6, porque 0,65 vezes 255 arredonda para 166, que é A6 em hexadecimal. Redefinir devolve a entrada padrão rgba(109, 94, 248, 0.8).

  6. 06

    Copie ou baixe o resultado

    Pressione Copiar saída para copiar o valor hexadecimal, ou Baixar para salvá-lo como toolars-color-hex.txt. Ambos ficam desativados até uma conversão ser concluída com sucesso.

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.

RGBA para HEX 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 RGBA para HEX realmente faz

Tokens de design, folhas de estilo antigas e muitas APIs ainda querem cores em hexadecimal, enquanto o CSS computado e ferramentas modernas de design entregam rgba(). Traduzir rgba(14, 165, 233, 0.65) à mão significa três conversões de decimal para hexadecimal mais o byte de alfa. O conversor de RGBA para HEX faz a matemática exatamente, mantém a transparência como um hexadecimal de oito dígitos e mostra os canais analisados para você conferir a entrada antes de copiar. Tudo roda no seu dispositivo, sem nada sendo enviado e sem necessidade de conta.

Perguntas frequentes

Que sintaxe de entrada é aceita?
rgb(r, g, b) ou rgba(r, g, b, a) com canais separados por vírgula: vermelho, verde e azul devem ser inteiros de 0 a 255, e o alfa um número de 0 a 1, como 0.8 ou .65. A notação não diferencia maiúsculas de minúsculas e tolera espaços ao redor das vírgulas; canais em porcentagem como rgb(50%, 30%, 20%) são rejeitados por decisão de design.
Quando a saída inclui um byte de alfa?
Apenas quando o alfa é menor que 1. rgba(109, 94, 248, 0.8) vira #6D5EF8CC, enquanto a mesma cor com opacidade total vira #6D5EF8 — a notação hexadecimal nunca carrega um FF redundante.
Como o alfa vira o último byte?
O alfa é multiplicado por 255 e arredondado para o inteiro mais próximo, depois escrito como dois dígitos hexadecimais maiúsculos. Assim, 0,5 vira 128, exibido como 80, e 0,65 arredonda para 166, exibido como A6 — o mesmo mapeamento que o CSS usa para cores hexadecimais de oito dígitos.
Por que minha entrada foi rejeitada?
A mensagem indica o problema exato: um canal acima de 255, um canal não inteiro, um alfa acima de 1 ou um formato diferente de rgb() ou rgba(). O analisador é deliberadamente estrito para que um erro de digitação nunca vire uma cor silenciosamente errada. Corrija o valor e converta de novo — nada foi enviado para lugar nenhum.
Posso converter hexadecimal de volta para rgba()?
Sim — use o conversor de HEX para RGBA, que aceita #RGB, #RGBA, #RRGGBB e #RRGGBBAA e mostra a string rgba() com cada canal separado para revisão.
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