Conversor de HEX para RGB
Transforme códigos hexadecimais em canais numéricos de vermelho, verde e azul.
A notação hexadecimal condensa a informação luminosa de uma tela em um formato textual compacto. No entanto, muitas propriedades de CSS, rotinas de renderização em Canvas e softwares de edição gráfica exigem parâmetros numéricos individuais. Esta ferramenta traduz o padrão hexadecimal para valores decimais RGB para facilitar a integração direta no seu código.
Como funciona a conversão entre as duas bases
Uma sequência hexadecimal padrão é formada por 6 dígitos agrupados em 3 pares. As duas primeiras posições indicam a quantidade de vermelho, o par intermediário controla o verde e os dois últimos caracteres definem o azul. Cada byte varia de 00 a FF em base 16, correspondendo ao intervalo de 0 a 255 no sistema decimal.
Para transformar uma dupla hexadecimal em número decimal, multiplica-se o primeiro algarismo por 16 e soma-se o segundo. No exemplo do par CF, a letra C representa 12 e F representa 15, resultando na conta 12 × 16 + 15, que totaliza 207. A escala decimal de 0 a 255 também pode ser expressa em porcentagens de 0 a 100 % em regras de estilo modernas.
Passo a passo para converter seu código
- Cole ou digite a sequência hexadecimal no campo indicado, com ou sem o caractere de cerquilha.
- Clique no botão de conversão para processar a decomposição dos canais no servidor.
- Copie a sintaxe CSS gerada ou os números decimais individuais para aplicar na sua folha de estilos.
Cores fundamentais e correspondências diretas
| Código HEX | Canais RGB | Tom resultante |
|---|---|---|
| #FFFFFF | rgb(255, 255, 255) | Branco puro |
| #000000 | rgb(0, 0, 0) | Negro absoluto |
| #FF0000 | rgb(255, 0, 0) | Rojo primario |
| #00FF00 | rgb(0, 255, 0) | Verde primario |
| #0000FF | rgb(0, 0, 255) | Azul primario |
Regras estruturais da notação de cores
- A variante resumida de 3 caracteres expande cada elemento em uma repetição idêntica.
- Cada canal numérico opera estritamente dentro da faixa de 0 a 255.
- O padrão CSS interpreta de maneira equivalente inteiros absolutos ou proporções de 0 a 100 %.
- Formatos com 8 caracteres utilizam as posições adicionais para definir a transparência alfa.
- A transposição matemática entre os formatos preserva com exatidão a cor sem distorções.
Termos técnicos da representação cromática
- Canal alfa — Medida de opacidade na qual 0 representa transparência completa e 255 opacidade plena.
- Base decimal — Sistema numérico de base 10 adotado no modelo RGB com faixas de 0 a 255.
- Base hexadecimal — Estrutura posicional em base 16 que emprega números e letras até F para expressar bytes.
- Notação abreviada — Estrutura compacta de três caracteres em que cada dígito se repete para compor o valor final.
- Espacio cromático — Estrutura geométrica que mapeia combinações de feixes luminosos sobre um painel digital.
Perguntas frequentes sobre valores HEX e RGB
O uso de letras maiúsculas ou minúsculas altera o resultado da conversão?
A sintaxe hexadecimal ignora a diferença entre letras maiúsculas ou minúsculas. Códigos digitados em qualquer uma das formas geram exatamente a mesma saída decimal.
Por que frameworks e bibliotecas gráficas costumam pedir parâmetros RGB?
Manipulações dinâmicas de iluminação, filtros cromáticos e transparências operam diretamente nos canais individuais de luz, tornando a entrada numérica mais prática em código.
Existe alteração na tonalidade ao migrar de HEX para RGB?
Não há qualquer alteração cromática. Os dois padrões representam o mesmo espaço de cor aditiva, mudando unicamente a forma matemática de leitura dos números.
Como o sistema reage se eu inserir caracteres além de F?
A especificação posicional aceita somente numerais e letras até F. Caracteres fora desse escopo geram erro de formato para que você corrija a entrada informada.
Em quais situações a notação percentual é preferível à escala de inteiros?
Embora a faixa de 0 a 255 seja o padrão mais disseminado no desenvolvimento web, a escala de 0 a 100 % é conveniente para interpolações relativas de cor em animações CSS.