Conversor de cor RGB para HEX — Grátis online

Converta códigos de cor RGB para HEX na hora, com prévia da cor, a fórmula e uma tabela de cores comuns.

Converter

HEX, RGB, HSL, HSV e CMYK — Tudo de Uma Vez

Arraste os controles, escolha uma amostra ou digite um código hex - cada formato atualiza ao vivo

HEX
RGB
HSL
HSV
CMYK

Os resultados são fornecidos apenas para fins informativos e podem conter erros. Verifique de forma independente as informações importantes. O uso desta ferramenta é por sua conta e risco.

Como converter de RGB para HEX

Converta códigos de cor RGB para HEX na hora. Digite um valor HEX ou RGB, ou use os controles deslizantes, e todos os formatos se atualizam juntos, com prévia da cor, a fórmula e uma tabela de cores comuns.

  1. Digite ou cole um valor RGB, como rgb(59, 130, 246), no campo correspondente acima.
  2. O valor HEX se atualiza na hora: rgb(59, 130, 246) é #3B82F6. Os outros formatos e a prévia da cor também se atualizam.
  3. Copie o valor HEX para o seu CSS, ferramenta de design ou código.

A fórmula de RGB para HEX

Converta cada canal RGB (0-255) em um número hexadecimal de dois dígitos e escreva-os depois de um #, na ordem vermelho, verde e azul:

rgb(59, 130, 246) → #3B82F6

Cores comuns em RGB e HEX

RGBHEX
rgb(0, 0, 0)#000000
rgb(255, 255, 255)#FFFFFF
rgb(255, 0, 0)#FF0000
rgb(0, 255, 0)#00FF00
rgb(0, 0, 255)#0000FF
rgb(255, 255, 0)#FFFF00
rgb(0, 255, 255)#00FFFF
rgb(255, 0, 255)#FF00FF
rgb(128, 128, 128)#808080
rgb(255, 165, 0)#FFA500
rgb(128, 0, 128)#800080
rgb(59, 130, 246)#3B82F6

O que são RGB e HEX

RGB indica os canais vermelho, verde e azul com números de 0 a 255, como em rgb(59, 130, 246). É o modelo que as telas usam para misturar luz.

Uma cor HEX é um # seguido de seis dígitos hexadecimais: dois para o vermelho, dois para o verde e dois para o azul, de 00 (nada) a FF (máximo). É a forma mais comum de escrever cores em CSS e em ferramentas de design.

Perguntas frequentes

A conversão muda a cor?

HEX, RGB e HSL descrevem as mesmas cores de tela, então a conversão entre eles é exata (o HSL é arredondado para números inteiros). CMYK é para impressão: o resultado impresso depende do perfil de cor da impressora, então use os valores CMYK de tela como ponto de partida.

Posso usar o resultado no CSS?

Sim. O CSS aceita diretamente hex (#3B82F6), rgb(59, 130, 246) e hsl(217, 91%, 60%). CMYK não é um formato de CSS; ele é usado em impressão e em programas de design.

E a transparência?

Adicione um valor alfa: hex de 8 dígitos (#3B82F680) ou rgba()/hsla() no CSS. O conversor trabalha com a cor sólida; o valor alfa é o mesmo em todos os formatos.

Esta ferramenta é gratuita?

Sim, é grátis. Sem cadastro nem e-mail. Veja o resultado nesta página.

Como recebo o resultado?

Use a ferramenta nesta página. O resultado aparece aqui, sem envio por e-mail.