Conversor HEX para RGB

Converta entre HEX, RGB e HSL com pré-visualização ao vivo e cópia em um clique.

O que é

Um conversor de cores traduz um código de uma notação para outra, deixando que a mesma cor funcione em HTML, CSS, ferramentas de design e impressão. Nosso conversor HEX-RGB aceita valores de 3, 6 ou 8 dígitos (com ou sem cerquilha) e mostra na hora RGB, RGBA e HSL. Inclui uma amostra grande, a cor de texto sugerida (preto ou branco) e o nome CSS mais próximo. Tudo no navegador, ideal para designers e devs com pressa.

Como usar

  1. Digite ou cole uma cor HEX, ex.: #3366ff ou 36f.
  2. Os valores RGB, RGBA e HSL aparecem com a pré-visualização.
  3. Use o seletor para escolher visualmente sem digitar.
  4. Clique em qualquer valor para copiá-lo (CSS, Figma, Sketch, impressão).
  5. Mova o alfa para gerar RGBA ou HEX de 8 dígitos.

Por que usar

Designers, devs front-end e marketing trabalham com vários formatos. Guias de marca usam HEX, ferramentas de acessibilidade pedem RGB para contraste, e animações CSS ficam mais limpas em HSL. Converter na mão é cansativo e arriscado, ainda mais com alfa. Nossa ferramenta mantém tudo sincronizado. A amostra ajuda a avaliar o tom; a cor de texto sugerida é ótima para botões e badges. Como é tudo local, cores internas da marca ficam protegidas.

Perguntas frequentes

Quais formatos HEX são aceitos?

3 dígitos (#36f), 6 (#3366ff) e 8 (#3366ffcc), com ou sem cerquilha.

Como converter HEX em RGB manualmente?

Divida em três pares (RR, GG, BB) e converta cada par de hexadecimal para decimal.

Dá para gerar cores transparentes?

Sim. O slider alfa adiciona o canal de opacidade e gera RGBA e HEX de 8 dígitos.

Por que usar HSL em vez de RGB?

HSL é mais intuitivo para ajustar tom e brilho — ótimo para paletas acessíveis e animações suaves.

O conversor é grátis?

Sim. Sem cadastro, sem limites e sem rastreio das cores convertidas.