Conversor HEX para RGB e RGB para HEX

Como converter HEX para RGB online

Digite ou cole um código hexadecimal no campo do conversor para ver imediatamente o valor RGB equivalente. Por exemplo, #3B82F6 é convertido em rgb(59, 130, 246). Você recebe o resultado completo sem separar os pares do código HEX nem fazer cálculos manuais.

Além do RGB, a ferramenta mostra a mesma cor em HSL e uma pré-visualização do tom. Copie apenas o formato necessário para seu código, arquivo de design ou documentação.

Como converter RGB para HEX

Para fazer a conversão inversa, insira um valor como rgb(59, 130, 246). O conversor RGB para HEX retorna #3B82F6 e exibe também o HSL correspondente. Isso facilita a passagem de valores de vermelho, verde e azul para o código hexadecimal usado em HTML e CSS.

Conversor de cores para HEX, RGB e HSL

HEX, RGB e HSL são maneiras diferentes de representar a mesma cor na tela. Este conversor de cores aceita qualquer um desses três formatos como entrada e apresenta os valores equivalentes juntos, evitando a necessidade de abrir uma ferramenta separada para cada direção de conversão.

Cole um código e veja os formatos automaticamente

1. Digite ou cole um código em HEX, RGB ou HSL.
2. A ferramenta detecta o formato inserido automaticamente.
3. Confira a pré-visualização e os valores equivalentes nos três formatos.
4. Use o botão de cópia ao lado do resultado que deseja utilizar.

A conversão é atualizada conforme você altera o valor. Assim, é possível conferir rapidamente se o código digitado corresponde ao tom esperado antes de copiá-lo.

Códigos de cor prontos para CSS e HTML

Os resultados são formatados para uso direto em projetos digitais: HEX como #3B82F6, RGB como rgb(59, 130, 246) e HSL como hsl(217, 91%, 60%). Você pode levar o valor para uma folha de estilos, um componente, um design system ou uma especificação visual sem reformatá-lo.

Quando usar HEX, RGB ou HSL

HEX é compacto e muito comum em HTML, CSS e ferramentas de design. RGB descreve diretamente as intensidades de vermelho, verde e azul e aparece com frequência em código e editores de imagem. HSL organiza a cor por matiz, saturação e luminosidade, o que torna mais intuitivo ajustar o tom, a intensidade ou a claridade.

Os três formatos podem representar a mesma cor. A melhor escolha depende do seu fluxo de trabalho; use o conversor quando receber um formato e precisar entregar outro.

Grátis, no navegador e sem cadastro

O conversor funciona gratuitamente em navegadores modernos no computador, tablet e celular, sem instalação e sem criação de conta. A conversão acontece localmente no seu dispositivo: o código digitado não é enviado à ColourPicker.app nem armazenado em um servidor.

Encontre, verifique ou combine uma cor

Se você ainda não tem um código, use o Seletor de Cores para escolher o pixel exato de uma imagem. Depois da conversão, confira a legibilidade de duas cores no Verificador de Contraste ou crie harmonias a partir de uma cor-base no Gerador de Paletas.

Perguntas frequentes sobre o conversor de cores

Como converter HEX para RGB?

Cole um código HEX, como #3B82F6, no campo de entrada. A ferramenta detecta o formato e mostra imediatamente o equivalente RGB, como rgb(59, 130, 246), além do valor HSL.

Como converter RGB para HEX?

Digite um valor no formato rgb(59, 130, 246). O conversor exibe o código HEX equivalente, #3B82F6, junto com a representação em HSL.

O que faz um conversor de cores?

Um conversor de cores transforma a representação de uma cor sem mudar seu tom. Esta ferramenta aceita HEX, RGB ou HSL e mostra a mesma cor nos três formatos.

Quais formatos de cor são compatíveis?

A ferramenta aceita e gera códigos HEX, RGB e HSL. Esses três formatos atendem a usos comuns em CSS, HTML, desenvolvimento de interfaces e ferramentas de design.

Posso converter uma cor para HSL?

Sim. Insira um código HEX ou RGB e o valor HSL equivalente será mostrado automaticamente. Também é possível inserir HSL para obter HEX e RGB.

O conversor aceita códigos HEX abreviados como #f00?

Sim. Códigos HEX abreviados, como #f00 e #abc, são reconhecidos e expandidos para gerar os valores equivalentes em HEX completo, RGB e HSL.

O conversor funciona no celular e processa os códigos localmente?

Sim. Ele funciona em navegadores modernos no celular, tablet e computador. A conversão acontece localmente no dispositivo, sem enviar ou armazenar o código em um servidor.

Qual é a diferença entre converter uma cor e selecionar uma cor de uma imagem?

O conversor transforma um código existente entre HEX, RGB e HSL. Para descobrir o código de um ponto específico de uma foto ou captura de tela, use o Seletor de Cores e clique no pixel desejado.