HEX para RGB

Transforme qualquer código HEX em valores RGB — ou converter uma lista inteira de cores de uma só vez.

Como converter HEX para RGB

  1. Cole uma cor em qualquer formato — ou pegá-lo na cor quadrada ou na tela.
  2. Leia o resultado e todos os outros formatos; ajuste os controles deslizantes do canal.
  3. Copie o valor ou código ou converta uma lista inteira.

Sobre: HEX para RGB

Converta códigos de cores HEX para RGB e RGBA instantaneamente.

Tudo funciona no seu navegador, por isso é instantâneo e privado. Suas cores e configurações recentes são lembradas neste dispositivo, e a barra de endereço mantém sua cor para que você possa compartilhá-la ou marcá-la.

Ideal para

  • Web e design de aplicativos
  • Combinando cores de marca entre ferramentas
  • Tokens de desenvolvimento e design front-end

Dica: Pressione as teclas de seta no quadrado de cores ou controles deslizantes para passos finos; segure Shift para os maiores.

Perguntas frequentes

Como faço para converter HEX para RGB?

Cada par de dígitos hexagonais é um canal: #FF6347 → FF = 255, 63 = 99, 47 = 71, dando rgb (255, 99, 71). Uma hex de 8 dígitos adiciona alfa (80 = 50% de opacidade).

Que formatos de cores posso colar?

Qualquer formato CSS: HEX (#rgb, #rrggbb, com alfa), rgb() / rgba(), hsl() / hsla(), hwb(), lab(), lch(), oklab(), oklch(), color(display-p3 …), HSV/HSB, CMYK, os 148 nomes de cores CSS e números simples como “79, 110, 247”.

Posso escolher uma cor da minha tela?

Sim. — No Chrome e Edge, clique no conta-gotas ao lado do quadrado de cores e clique em qualquer lugar na tela, mesmo fora do navegador.

Posso converter muitas cores ao mesmo tempo?

Sim. — abra “Converter uma lista de cores”, cole uma cor por linha em qualquer formato e copie ou baixe os resultados como CSV.

O que são OKLCH e OKLab?

Espaços de cores perceptuais modernos: passos iguais parecem igualmente diferentes do olho, o que os torna ideais para paletas e tokens de design. Todos os navegadores atuais suportam oklch() em CSS.

Ferramentas relacionadas

← Voltar para todas as ferramentas