Saltar para o conteúdo

Converter HEX para RGB: conversor de códigos de cor

Digite ou cole um código hexadecimal e obtenha na hora o valor RGB, pronto para copiar em CSS, junto com HSL, CMYK, LAB e mais formatos. Também funciona ao contrário.

#
#2C71DErgb(44, 113, 222)

Canais RGB

  • Vermelho2C → 44
  • Verde71 → 113
  • AzulDE → 222

Ou escolha a cor visualmente

Conversao de cor

Tabela de cores HEX para RGB

As cores mais consultadas com seu código hexadecimal e seu valor RGB. Clique numa para carregá-la no conversor.

CorHEXRGB
#FFFFFFrgb(255, 255, 255)
#000000rgb(0, 0, 0)
#FF0000rgb(255, 0, 0)
#00FF00rgb(0, 255, 0)
#0000FFrgb(0, 0, 255)
#FFFF00rgb(255, 255, 0)
#00FFFFrgb(0, 255, 255)
#FF00FFrgb(255, 0, 255)
#FFA500rgb(255, 165, 0)
#800080rgb(128, 0, 128)
#FFC0CBrgb(255, 192, 203)
#A52A2Argb(165, 42, 42)
#808080rgb(128, 128, 128)
#C0C0C0rgb(192, 192, 192)
#000080rgb(0, 0, 128)
#808000rgb(128, 128, 0)

Como converter uma cor Hex para RGB

Um código Hex tem seis caracteres, agrupados em três pares: um para o vermelho, outro para o verde e outro para o azul. Cada par é um número em base 16 (hexadecimal, com dígitos de 0 a 9 e letras de A a F) que se converte num número em base 10 (decimal, de 0 a 255) para obter o valor RGB.

Por exemplo, a cor E65817 se decompõe assim:

  • E6230vermelho
  • 5888verde
  • 1723azul
rgb(230, 88, 23)

O resultado é rgb(230, 88, 23). Quanto maior o valor de cada canal, mais intensidade dessa cor há na mistura final.

  • E6 = 14 × 16 + 6 = 230
  • 58 = 5 × 16 + 8 = 88
  • 17 = 1 × 16 + 7 = 23

A fórmula, passo a passo

Em hexadecimal, a primeira posição de cada par vale 16 vezes mais que a segunda: multiplica-se o primeiro caractere por 16 e soma-se o segundo. As letras valem A = 10, B = 11, C = 12, D = 13, E = 14 e F = 15.

Formatos HEX e RGB que o CSS aceita

A mesma cor pode ser escrita de várias formas. Todas funcionam nos navegadores atuais e o conversor entende qualquer uma delas.

  • HEX de 6 dígitos

    O formato mais comum: dois caracteres por canal, na ordem vermelho, verde e azul. Tanto faz escrever em maiúsculas ou minúsculas.

  • HEX abreviado (3 dígitos)

    Se cada par repete o seu caractere, dá para abreviar: #FF6600 vira #F60.

  • HEX com transparência (8 dígitos)

    Os dois últimos caracteres são o canal alfa: 00 é transparente e FF, opaco. 80 equivale a 50%.

  • rgb() com vírgulas

    A sintaxe clássica, compatível com qualquer navegador. Cada canal vai de 0 a 255.

  • rgb() moderno

    A sintaxe do CSS Color 4: valores separados por espaços e transparência opcional após a barra. rgba() continua funcionando como alias.

Do Hex a paletas harmoniosas

Com o valor RGB em mãos, você pode criar esquemas complementares ou análogos com o círculo cromático e refinar o tom no seletor de cor.

Perguntas frequentes

Cada par de caracteres do código Hex representa um canal (vermelho, verde e azul) em base 16. Ao converter cada par para base 10, você obtém um número entre 0 e 255 para esse canal; juntos, formam o valor RGB.

Porque precisa de dois caracteres para cada um dos três canais de cor (vermelho, verde e azul), e cada par em base 16 pode representar 256 valores diferentes, a mesma faixa usada pelo RGB.

O sistema hexadecimal usa dígitos de 0 a 9 e letras de A a F para representar valores de 10 a 15. Por isso um código Hex pode combinar números e letras, como E65817.

Sim, use o conversor de RGB para Hex para o processo contrário: insira os três valores RGB e obtenha o código hexadecimal correspondente.

Uma forma abreviada que serve quando cada par repete o seu caractere: #F60 equivale a #FF6600 e #FFF a #FFFFFF. O conversor aceita ambas.

Adicione mais dois caracteres no final: o canal alfa. #E6581780 é o mesmo laranja com 50% de opacidade; 00 é totalmente transparente e FF, opaco.

Hoje, na prática, nenhuma: no CSS moderno, rgb() também aceita transparência, como rgb(230 88 23 / 50%), e rgba() é mantido como alias por compatibilidade.

Ferramentas relacionadas