Conversor HEX para RGB

Como usar

Inserir HEX
Ex.: #FF0000 ou use o seletor.
Ver RGB
R, G e B (0–255) calculados automaticamente.
Copiar
Copie cada canal ou a string rgb() completa.

Por que RGB?

Para ferramentas e APIs que usam canais numéricos.

Benefícios do RGB

Web: rgb() em CSS e JS
Controle: canais separados
Design: ampla compatibilidade
Manipulação de cor: Mais fácil manipular canais de cor individuais
Suporte universal: Suportado por todas as plataformas e ferramentas digitais

HEX e RGB

Mesma cor, notação diferente.

HEX

Notação compacta
Comum em CSS
Formato de seis dígitos (#RRGGBB)
Muito usado no desenvolvimento web
Fácil de ler e de memorizar

RGB

Três valores 0–255
Modelo de tela
Controle de cor mais preciso
Formato padrão para design digital
Compatível com todas as ferramentas de design

Todos os formatos hex que esta página lê

Os códigos hex aparecem em mais formas do que a maioria dos conversores aceita. Este aceita todas, com ou sem o # inicial, em qualquer mistura de maiúsculas e minúsculas.

#RGB e #RRGGBB — A forma de três dígitos duplica cada dígito, por isso #ABC significa #AABBCC. Não consegue expressar um canal cujos dois dígitos diferem.
#RGBA e #RRGGBBAA — Um quarto canal para a opacidade. #ABCD é #AABBCCDD, e o byte alfa passa a 0-1 em CSS: DD é 0,867, não 221.
Códigos com outro comprimento são recusados — #fffff tem cinco dígitos e não é uma cor. Lê-lo como os três ou seis primeiros converteria em silêncio algo que ninguém escreveu.
Caracteres não hexadecimais são identificados, não ignorados — #gggggg falha com uma mensagem que diz qual caractere que não é um dígito hexadecimal, em vez de recorrer ao preto.

Quando converter

Quando o destino pede RGB.

Casos ideais

Código: integração RGB
Software de design: Converter para uso em aplicativos de design
Manipulação de cor: Ajustar canais de cor individuais
Projetos digitais: Garantir uma reprodução de cor exata
Programação: Usar valores RGB em código e scripts

Fatos

Resumo rápido.

Pontos-chave

HEX e RGB compartilham a mesma informação de cor
Cada dígito HEX representa 4 bits de informação de cor
Os valores RGB vão de 0 a 255 em cada componente
O formato HEX é mais compacto do que a notação RGB
Ambos os formatos representam a mesma informação de cor

Boas práticas

Verificações úteis.

Qualidade

Validar o HEX
Use códigos HEX válidos (6 dígitos com # à frente)
Verifique os valores RGB quanto à precisão
Teste as cores no aplicativo de destino
Considere o espaço de cor e os limites de gamute

Quando não

Se HEX bastar no CSS
Mantenha HEX para CSS e web quando fizer sentido
Evite converter se não precisar de compatibilidade de formato
Não converta para aplicativos que já suportam HEX

Limitações

Dispositivo moderno com JavaScript.

Com algoritmos otimizados de processamento de imagem.

Os outros conversores de cor

Perguntas frequentes

Como funciona o conversor de HEX para RGB?

Escreva um código HEX como #FF0000 ou escolha uma cor visualmente, e a ferramenta separa o hex nos canais vermelho, verde e azul. Cada par de dígitos hexadecimais é convertido num valor decimal de 0 a 255, e o resultado RGB e uma pré-visualização ao vivo se atualizam de imediato à medida que você digita.

Que formatos HEX são suportados?

Aceita códigos hex padrão de 6 dígitos como #FF5733, com ou sem o símbolo # inicial, para colar valores diretamente do CSS ou de uma ferramenta de design. Muitos códigos abreviados de 3 dígitos como #F53 também são reconhecidos e expandidos para a forma completa de 6 dígitos antes de converter.

A conversão de HEX para RGB é exata e sem perdas?

Sim. HEX e RGB são duas notações da mesma cor de 24 bits, por isso a conversão é matematicamente precisa, sem arredondamento nem perda de qualidade. Cada canal vermelho, verde e azul corresponde diretamente a um valor de 0 a 255, e você pode voltar a HEX sem qualquer desvio.

As minhas cores ficam privadas?

Sim. Toda a conversão roda localmente no seu dispositivo com JavaScript, por isso os códigos HEX e os valores RGB com que você trabalha nunca são enviados para um servidor nem salvos em lugar nenhum. Tudo roda no seu dispositivo, não nos nossos servidores, o que mantém as cores de marca e de projeto totalmente privadas.

Posso copiar os valores RGB para CSS?

Sim. Você pode copiar cada valor vermelho, verde e azul em separado ou obter a string rgb() completa com um clique, pronta para colar em CSS, HTML ou software de design. O formato rgb() funciona diretamente nas folhas de estilo, por isso não é preciso reformatar nada.

A ferramenta é gratuita e funciona em celular?

Sim. O conversor de HEX para RGB é totalmente gratuito, sem marcas d'água nem limites, e funciona em qualquer dispositivo moderno em desktop, tablet e celular. Como o processamento é no seu dispositivo, continua funcionando em conexões instáveis assim que a página carrega.