Ir para o conteúdo
UtiliLab

Converter RGB para HEX

Preencha os três canais — ou cole um rgb() inteiro — e copie o HEX.

Processado no seu navegador — nada é enviado ou armazenado.

Dica: cole um rgb(26, 115, 232) inteiro em qualquer campo para preencher os três canais.

  • HEX

    #1a73e8

  • Sem #

    1a73e8

Como usar

  • Digite os valores de vermelho (R), verde (G) e azul (B), de 0 a 255, ou use os controles deslizantes.
  • Se colar algo como rgb(26, 115, 232) em qualquer campo, os três canais são preenchidos de uma vez.
  • Ajuste a transparência, se precisar: o HEX ganha mais dois dígitos.
  • Clique em Copiar.

Validação dos canais

Cada canal precisa ser um número inteiro de 0 a 255. Valores fora disso, com casas decimais ou com letras são recusados com uma mensagem dizendo qual canal está errado e por quê — nada é corrigido em silêncio.

Os formatos de cor

  • HEX: #1a73e8 — três pares de dígitos hexadecimais (vermelho, verde, azul), de 00 a ff. O mais usado em CSS e design.
  • RGB: rgb(26, 115, 232) — os mesmos três canais em decimal, de 0 a 255.
  • HSL: hsl(214, 82%, 51%) — matiz (0–360°), saturação e luminosidade. O mais fácil de ajustar à mão.
  • Com transparência: #1a73e880, rgba(26, 115, 232, 0.5) ou hsla(214, 82%, 51%, 0.5).

Conteúdo e funcionamento revisados pela Equipe UtiliLab em . Consulte nossa metodologia de revisão.

Perguntas frequentes

HEX maiúsculo ou minúsculo?

Tanto faz para o navegador: #1A73E8 e #1a73e8 são a mesma cor. Escolha o que seguir o padrão do seu projeto.

O que é a forma curta?

Quando cada par tem dígitos repetidos, como #aabbcc, o HEX pode ser escrito com três dígitos: #abc. A ferramenta mostra a forma curta quando ela existe.

Ferramentas relacionadas