Pular para o conteúdo
Toolars
Explorar
Reportar erro

Design · utilitário Local

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.

Caminho da tarefa / da entrada ao resultado

Insira os valores dos canais

Roda localmente · Nada é enviado

Como RGBA para HEX funciona, privacidade e ferramentas relacionadas

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.

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