Conversor de HEX para RGB

O conversor de HEX para RGB transforma códigos de cor hexadecimais como #3B82F6 em valores RGB como rgb(59, 130, 246). HEX é a forma mais comum de escrever cores em CSS e HTML, enquanto RGB é o modelo aditivo que sua tela realmente usa para misturar luz vermelha, verde e azul.

Um código HEX é simplesmente RGB escrito em base 16. Cada par de caracteres — 3B, 82, F6 — é o valor de um canal de 0 a 255, apenas expresso em hexadecimal em vez de decimal.

Quando você precisa

CSS com transparência

Converta um valor HEX em RGB para adicionar transparência com rgba() — algo que um HEX simples não conseguia expressar em código antigo.

Ferramentas de design

Muitos apps gráficos, APIs de canvas e preenchimentos SVG esperam canais RGB numéricos, não uma string com cerquilha.

Código e cálculos

Obtenha os inteiros R, G e B separados para cálculos como mesclagem, brilho ou taxas de contraste.

Como converter de HEX para RGB

Insira o código HEX

Digite ou cole seu valor HEX no campo — com ou sem a # inicial. São aceitos tanto o formato abreviado de 3 dígitos (#F00) quanto o completo de 6 dígitos (#FF0000).

Leia o resultado RGB

O valor RGB é calculado na hora enquanto você digita — sem botão. A amostra grande se atualiza para você conferir a cor visualmente.

Ou escolha uma cor

Clique na amostra de pré-visualização para abrir o seletor de cores nativo e escolher qualquer cor visualmente — os campos HEX e RGB se preenchem sozinhos.

Copie e reutilize

Toque no botão de copiar para levar a string RGB para a área de transferência. O painel abaixo também lista todos os outros formatos — HEX, HSL, HSV e CMYK.

Recursos

Conversão instantânea

Os resultados se atualizam em tempo real enquanto você digita, tudo no navegador, sem recarregar a página nem chamar o servidor.

Suporte a abreviação

Códigos de 3 dígitos são expandidos automaticamente (#F00 → #FF0000) e não diferenciam maiúsculas de minúsculas.

Pré-visualização e seletor

Uma amostra ao vivo confirma a cor e o seletor integrado permite escolhê-la visualmente.

Todos os formatos de uma vez

Cada conversão também mostra HEX, RGB, HSL, HSV e CMYK, então você nunca precisa de uma segunda ferramenta.

HEX x RGB num relance

Aspecto	HEX	RGB
Aparência	`#3B82F6`	`rgb(59, 130, 246)`
Base numérica	Base 16 (hexadecimal)	Base 10 (decimal)
Por canal	00–FF	0–255
Transparência	`#RRGGBBAA` de 8 dígitos	Alfa com `rgba()`
Ideal para	CSS compacto / compartilhar	Código e cálculos

Privado por design: toda a conversão roda no seu navegador. Nenhuma cor ou dado é enviado a um servidor.

Perguntas frequentes

O que é um código de cor HEX?

Um código HEX é uma string hexadecimal de 6 caracteres (mais uma # opcional) que codifica uma cor. Os três pares representam Vermelho, Verde e Azul, cada um de 00 a FF — equivalente a 0–255 em decimal.

O que é cor RGB?

RGB é um modelo de cor aditivo que define uma cor pela intensidade de três canais de luz — Vermelho, Verde e Azul — cada um de 0 a 255. É como as telas produzem cor fisicamente.

Posso usar códigos HEX de 3 dígitos?

Sim. Códigos abreviados como #F00 são expandidos automaticamente duplicando cada dígito, então #F00 vira #FF0000 antes da conversão.

Preciso incluir o símbolo #?

Não. O conversor aceita o valor HEX com ou sem a # inicial e ignora maiúsculas e minúsculas — ff0000 e FF0000 dão o mesmo resultado.

Como adiciono transparência a uma cor convertida?

Com os canais RGB em mãos, envolva-os no rgba() do CSS e adicione um valor alfa de 0 a 1 — por exemplo rgba(59, 130, 246, 0.5) para 50% de opacidade.