Como converter HEX para RGB manualmente?

Divida o HEX em três pares. Para cada par, multiplique o primeiro dígito por 16 e some o segundo. 'FF' resulta em (15 × 16) + 15 = 255.

Qual a diferença entre HEX e RGB?

Ambos descrevem o mesmo espaço de cor sRGB. RGB utiliza base 10 (0 a 255) e HEX utiliza base 16 (00 a FF).

Como usar cores RGB no CSS?

Use a sintaxe rgb(255, 87, 51) ou inclua opacidade com barra: rgb(255 87 51 / 50%).

Conversor HEX para RGB — Rápido, Grátis e Preciso

O que faz a conversão de HEX para RGB?

Este conversor traduz um código de cor hexadecimal de 6 ou 3 dígitos para os valores numéricos de Vermelho (Red), Verde (Green) e Azul (Blue) em seu navegador.

Como converter HEX em RGB?

HEX e RGB são duas bases numéricas diferentes para o mesmo espaço de cores. Um código HEX é dividido em três pares de base 16. Para converter em decimal (0 a 255), multiplica-se o primeiro caractere por 16 e soma-se o segundo.

Qual é a fórmula matemática?

Para o código #FF5733:

Vermelho (FF): (15 × 16) + 15 = 255
Verde (57): (5 × 16) + 7 = 87
Azul (33): (3 × 16) + 3 = 51

Portanto, #FF5733 é idêntico a rgb(255, 87, 51).

Formatos suportados

Aceita códigos normais de 6 dígitos (#FF5733) e abreviados de 3 dígitos (#F00 → #FF0000). O símbolo cerquilha (#) é opcional.

Exemplo em JavaScript

Para utilizar este algoritmo sem dependências em seu próprio software:

function hexToRgb(hex) {
  let clean = hex.replace(/^#/, '').trim();
  if (clean.length === 3) clean = clean.split('').map(c => c + c).join('');
  const val = parseInt(clean, 16);
  return { r: (val >> 16) & 255, g: (val >> 8) & 255, b: val & 255 };
}

Conversores Relacionados

Precisa fazer a conversão no sentido inverso? Use nosso Conversor RGB para HEX ⇄.

Conversor HEX para RGB