Saltar para o conteúdo

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

Digite seus valores RGB, por exemplo 230, 88, 23, e obtenha na hora o código hexadecimal para 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 RGB para HEX

As cores mais consultadas com seu valor RGB e seu código hexadecimal. 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 RGB para Hex

Cada canal RGB é um número decimal entre 0 e 255. Para convertê-lo em Hex, esse número é transformado para base 16, obtendo um valor de dois caracteres por canal, de 00 a FF. Os três pares resultantes são unidos, na ordem vermelho, verde e azul, para formar o código Hex completo.

Por exemplo, a cor rgb(230, 88, 23) é convertida assim:

  • 230E6vermelho
  • 8858verde
  • 2317azul
#E65817

O resultado é #E65817. É exatamente o processo contrário ao do conversor de Hex para RGB.

  • 230 ÷ 16 = 14 (E), resto 6 → E6
  • 88 ÷ 16 = 5, resto 8 → 58
  • 23 ÷ 16 = 1, resto 7 → 17

A fórmula, passo a passo

Divida cada valor por 16: o quociente é o primeiro caractere do par e o resto, o segundo. Os números de 10 a 15 são escritos com letras: 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.

Explore sua cor na roda de cores

Com o Hex pronto, abra o círculo cromático para gerar harmonias, ou consulte nomes e códigos na tabela de cores HTML.

Perguntas frequentes

Cada um dos três valores RGB (de 0 a 255) é convertido para base 16, obtendo um número de dois caracteres por canal. Os três pares são unidos na ordem vermelho, verde e azul para formar o código Hex.

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 o código Hex final pode incluir ambos.

Não é um valor válido. Cada canal RGB só aceita números entre 0 e 255, a faixa completa que um byte pode representar.

Sim. O conversor aceita 230, 88, 23, 230 88 23, rgb(230, 88, 23), rgb(230 88 23) e rgba(…). Se incluir transparência, ela é ignorada para calcular o HEX de 6 dígitos.

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

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.

Ferramentas relacionadas