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

  1. Cole ou digite a sequência hexadecimal no campo indicado, com ou sem o caractere de cerquilha.
  2. Clique no botão de conversão para processar a decomposição dos canais no servidor.
  3. 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 HEXCanais RGBTom resultante
#FFFFFFrgb(255, 255, 255)Branco puro
#000000rgb(0, 0, 0)Negro absoluto
#FF0000rgb(255, 0, 0)Rojo primario
#00FF00rgb(0, 255, 0)Verde primario
#0000FFrgb(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.

Cookie
Nós nos preocupamos com seus dados e adoraríamos usar cookies para melhorar sua experiência.