Como usar o Conversor de HEX para RGB: guia completo (2026)

O que é o Conversor de HEX para RGB?

O Conversor de HEX para RGB é um utilitário grátis que roda no navegador, no ToolsMinify. Converta códigos de cor HEX para RGB (e RGB de volta para HEX) com amostra em tempo real, kit de formatos (HSL + CMYK), escala clicável de tons claros→escuros, prévias de contraste WCAG sobre branco e preto e um snippet de tokens CSS pronto para colar. Cole #rgb, #rrggbb ou #rrggbbaa, use o seletor de cor nativo ou digite os canais R/G/B. Tudo roda no seu navegador - sem cadastro e sem upload. Não exige cadastro, processa os dados localmente quando possível e foi feito para ser rápido no celular e no computador.

Converta HEX para RGB (e o inverso) com HSL, CMYK, escala de tons, cartões de contraste WCAG e snippet de tokens CSS - conversor de cores grátis online.

Por que usar o Conversor de HEX para RGB?

• Converta nos dois sentidos sem trocar de ferramenta
• Evite erros de arredondamento das contas feitas à mão
• Consulte uma ficha técnica ou um projeto que usa o outro sistema de unidades
• Resultados na hora, sem cadastro nem instalação

Como usar o Conversor de HEX para RGB passo a passo

1. Passo 1: Cole um código HEX, use o seletor de cor ou clique em uma amostra pronta.
2. Passo 2: Copie o CSS rgb()/rgba() ou digite R/G/B (0-255) para gerar o HEX no sentido inverso.
3. Passo 3: Use o kit de formatos para HSL e CMYK e a escala de tons claros→escuros para explorar variações mais claras ou mais escuras.
4. Passo 4: Confira os cartões de contraste WCAG e depois copie o snippet de tokens CSS para o seu tema.

O Conversor de HEX para RGB fica em Conversores. Abra a página da ferramenta, digite os seus dados no campo principal e os resultados se atualizam na hora. Use o botão de copiar para colar a saída em documentos, editores de código ou planilhas.

Casos de uso comuns

#FFFFFF para RGB

Branco: rgb(255, 255, 255).

#3b82f6 para RGB

Tailwind blue-500: rgb(59, 130, 246), mais os valores de HSL/CMYK correspondentes no kit de formatos.

Formato curto #0f0

Expande para #00ff00 → rgb(0, 255, 0).

Contraste + tokens

O azul #3b82f6 sobre branco não passa no AA para texto normal; mesmo assim, o snippet de tokens exporta --brand-rgb para CSS moderno.

Exemplos

• #FFFFFF para RGB: Branco: rgb(255, 255, 255).
• #3b82f6 para RGB: Tailwind blue-500: rgb(59, 130, 246), mais os valores de HSL/CMYK correspondentes no kit de formatos.
• Formato curto #0f0: Expande para #00ff00 → rgb(0, 255, 0).
• Contraste + tokens: O azul #3b82f6 sobre branco não passa no AA para texto normal; mesmo assim, o snippet de tokens exporta --brand-rgb para CSS moderno.

Dicas de quem usa

• Mantenha a precisão total durante o cálculo e arredonde só no valor final.
• Confirme qual unidade a fonte realmente usa antes de converter.
• Anote o DPI ou o valor de referência quando a conversão depender de um deles.

Perguntas frequentes

Como converto HEX para RGB?

Cada par de dígitos HEX é um canal em base 16, de 00 (0) a FF (255). Por exemplo, #1A2B3C → R=26, G=43, B=60, escrito como rgb(26, 43, 60). Esta ferramenta faz a conversão enquanto você digita.

Quais formatos HEX são aceitos?

O formato curto #rgb (por exemplo, #fff), o completo #rrggbb (por exemplo, #3b82f6) e o de 8 dígitos #rrggbbaa com alfa. O # inicial é opcional e as letras podem ser maiúsculas ou minúsculas. Você também pode escolher uma cor no seletor nativo.

Posso converter RGB para HEX?

Sim - digite valores de R, G e B de 0 a 255 e a ferramenta devolve um código #rrggbb em minúsculas. Valores fora do intervalo são ajustados para o limite.

Também mostra HSL e CMYK?

Sim. O kit de formatos lista HEX, RGB, HSL e CMYK, com cópia do CSS em um clique. O CMYK é uma aproximação de tela, útil para o envio à impressão - quando a cor é crítica, sempre faça uma prova de impressão.

O que é a escala de tons claros → escuros?

Ela mistura sua cor com branco (tons mais claros) e com preto (tons mais escuros). Clique em qualquer etapa para carregar aquele HEX ou copie a escala inteira para montar uma paleta rápida.

O que significam os cartões de contraste?

Eles mostram a razão de contraste WCAG da sua cor como texto sobre branco e sobre preto, com aprovado ou reprovado em AA/AAA para texto normal e grande. Útil antes de publicar as cores da interface.

Qual é a diferença entre rgb() e rgba()?

O rgb() tem apenas vermelho, verde e azul. O rgba() adiciona um canal alfa (opacidade) de 0 (transparente) a 1 (opaco). Quando você cola um HEX de 8 dígitos, a ferramenta gera rgba().

Ferramentas relacionadas que você pode precisar

Explore outras conversores no ToolsMinify. A página do Conversor de HEX para RGB tem links para utilitários relacionados, para você concluir o trabalho sem sair do site.