Desenvolvedor 🔒 Roda no seu navegador — nenhum dado é enviado

Conversor de RGB para HEX

Informe os valores de vermelho, verde e azul ou uma string CSS rgb() e receba o código de cor HEX correspondente.

Cor de entrada

Seletor:

Digite uma cor para converter...

Como Usar

Digite ou cole um valor RGB como rgb(10, 132, 255), rgb(10 132 255) ou rgba(10, 132, 255, 0.5).
O código HEX aparece enquanto você digita, junto com HSL, HSV, CMYK e OKLCH.
Clique em “Copiar” ao lado da linha HEX.
Abra a aba “Paleta” para criar tons mais claros e mais escuros a partir da mesma cor.

Perguntas Frequentes

Como converter RGB para HEX manualmente?

Converta cada canal, de 0 a 255, em dois dígitos hexadecimais e junte tudo. 10 é 0A, 132 é 84 e 255 é FF, então rgb(10, 132, 255) é #0A84FF.

O que acontece com o valor alfa de rgba()?

O alfa, de 0 a 1, é escalado para 0–255 e adicionado como um quarto par. Um alfa de 0,5 vira 80, o que dá #0A84FF80.

Preciso de vírgulas no rgb()?

Não. Tanto a sintaxe clássica rgb(10, 132, 255) quanto a moderna, separada por espaços, rgb(10 132 255 / 50%) são reconhecidas.

Por que um valor acima de 255 dá erro?

Cada canal é um byte, então o intervalo válido vai de 0 a 255. Qualquer coisa fora disso não é uma cor RGB válida.

Converter cores RGB para códigos HEX

Atualizado em 24 de setembro de 2026 · Por Saman

Seletores de cor, editores de imagem e código gráfico muitas vezes informam as cores como três números, enquanto CSS, design tokens e manuais de marca preferem o código HEX, mais compacto. A conversão de RGB para HEX é exata: os mesmos três bytes são apenas escritos em base 16.

Esta página abre o Conversor de Cores com a entrada RGB selecionada e um exemplo já preenchido.

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%).

A conversão passo a passo

Pegue o valor de cada canal, de 0 a 255.
Divida por 16: a parte inteira é o primeiro dígito hexadecimal e o resto é o segundo (os valores de 10 a 15 se escrevem de A a F).
Complete dígitos únicos com um zero à esquerda, então 10 vira 0A, e não A.
Junte os três pares depois de um #.

RGB	Por canal	HEX
`rgb(10, 132, 255)`	0A · 84 · FF	`#0A84FF`
`rgb(255, 87, 51)`	FF · 57 · 33	`#FF5733`
`rgb(128, 128, 128)`	80 · 80 · 80	`#808080`

Esquecer o zero à esquerda é o bug clássico dos conversores feitos à mão: 10, 132 e 255 juntos sem preenchimento dão #A84FF, que não é uma cor válida.

rgba() e HEX de 8 dígitos

O CSS aceita códigos HEX de 8 dígitos há anos. O quarto par é o alfa: multiplique o alfa de 0–1 por 255 e arredonde, então 0,5 vira 128, ou 80 em hexadecimal. O conversor mostra tanto o código de 8 dígitos quanto a forma rgba(), para você usar a que sua ferramenta aceitar.

RGB para HEX em código

Em JavaScript: '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join(''). Em Python: '#{:02X}{:02X}{:02X}'.format(r, g, b). Os dois já cuidam do zero à esquerda para você.

Ferramentas relacionadas

Use HEX para RGB para o sentido inverso, HEX para HSL quando quiser ajustar a luminosidade de forma sistemática e o Verificador de Contraste de Cores antes de usar uma cor em texto.