Desenvolvedor 🔒 Roda no seu navegador — nenhum dado é enviado

Conversor de HEX para RGB

Cole um código de cor HEX e receba os valores RGB, prontos para copiar como rgb() ou rgba().

Cor de entrada
Digite uma cor para converter...

Converter códigos de cor HEX para RGB

Arquivos de design e manuais de marca costumam trazer as cores como códigos HEX, enquanto código de canvas, atributos SVG, bibliotecas de imagem e CSS com transparência muitas vezes querem números RGB. As duas notações descrevem exatamente a mesma coisa, então a conversão entre elas não tem perdas.

Esta página abre o Conversor de Cores com a entrada HEX selecionada e um exemplo carregado. Substitua pelo seu próprio código.

Diagrama: a cor HEX #0A84FF dividida nos pares 0A, 84 e FF, que em decimal são 10, 132 e 255: rgb(10, 132, 255), ou hsl(210, 100%, 52%).#R0A10G84132BFF255Dois dígitos hex por canal0x84 = 8 × 16 + 4 = 132Cada canal vai de 0 a 255rgb(10, 132, 255)hsl(210, 100%, 52%)
Uma cor HEX são três pares de dígitos hexadecimais para vermelho, verde e azul. #0A84FF é rgb(10, 132, 255), e essa mesma cor escrita em HSL é hsl(210, 100%, 52%).

Como a conversão funciona

Uma cor HEX são três bytes escritos em base 16: vermelho, verde e azul. Cada par de dígitos vai de 00 a FF, ou seja, de 0 a 255 em decimal. Para converter um par, multiplique o primeiro dígito por 16 e some o segundo, lembrando que as letras de A a F valem de 10 a 15.

HEXParesRGB
#0A84FF0A · 84 · FFrgb(10, 132, 255)
#FF5733FF · 57 · 33rgb(255, 87, 51)
#FFFFF · FF · FFrgb(255, 255, 255)
#00000000 · 00 · 00rgb(0, 0, 0)

Códigos curtos e alfa

  • 3 dígitos: cada dígito é duplicado, então #0AF é #00AAFF.
  • 4 dígitos: a mesma duplicação, com o quarto dígito como alfa.
  • 8 dígitos: o último par é o alfa, de 00 (transparente) a FF (opaco), exibido como rgba() com um valor de 0 a 1.
  • O # inicial é opcional, e tanto letras minúsculas quanto maiúsculas funcionam.

HEX para RGB em código

Em JavaScript, parseInt('84', 16) retorna 132, então uma conversão completa são três chamadas assim, uma para cada par. Em Python, tuple(int(h[i:i+2], 16) for i in (0, 2, 4)) faz o mesmo com uma string de seis dígitos sem o #. O CSS moderno aceita as duas notações diretamente, então a conversão só é necessária quando uma ferramenta ou API exige uma delas.

Conversões relacionadas

No sentido inverso, RGB para HEX transforma valores de canal de volta em um código. Para criar variações mais claras e mais escuras, HEX para HSL costuma ser mais prático, e o Verificador de Contraste de Cores mostra se uma cor fica legível sobre o fundo dela.