Ir para o conteúdo
ToolsMinify logo
Conversores
Popular

Conversor de HEX para RGB

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…

Sobre o Conversor de HEX para RGB

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.

Como usar o Conversor de HEX para RGB

  1. Cole um código HEX, use o seletor de cor ou clique em uma amostra pronta.
  2. Copie o CSS rgb()/rgba() ou digite R/G/B (0-255) para gerar o HEX no sentido inverso.
  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. Confira os cartões de contraste WCAG e depois copie o snippet de tokens CSS para o seu tema.

Exemplos de Conversor de HEX para RGB

#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.

Ler o guia completo

Como usar o Conversor de HEX para RGB: guia completo (2026) - 5 min de leitura

Perguntas frequentes sobre o Conversor de HEX para RGB

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

Conversor de RGB para HSL

Converta RGB para HSL e HSL para RGB na hora. Conversor de cores grátis com amostra ao vivo e CSS rgb() e hsl() prontos para copiar.

Conversor de cm para Polegadas

Converta centímetros para polegadas e polegadas para centímetros na hora. Conversor de cm para polegadas grátis com 1 polegada = 2,54 cm e alta precisão.