Conversor de RGB para HEX
O conversor de RGB para HEX transforma valores RGB como rgb(59, 130, 246) em códigos hexadecimais como #3B82F6. RGB é como as telas descrevem cor e a saída mais comum das ferramentas de design, enquanto HEX é o formato compacto e fácil de copiar que CSS e HTML mais usam.
59 vira 3B e 246 vira F6.Quando você precisa
Escrever CSS
Compartilhar cores
Entrega de design
Como converter de RGB para HEX
Insira os valores RGB
Digite seus três canais — por exemplo 59, 130, 246. Você pode separá-los por vírgulas ou espaços e até envolvê-los em rgb(...) se preferir.
Leia o resultado HEX
O código HEX é gerado na hora enquanto você digita, e a amostra ao vivo se atualiza para você confirmar a cor num relance.
Ou escolha uma cor
Clique na amostra para abrir o seletor de cores nativo e escolher visualmente — os campos RGB e HEX se preenchem sozinhos.
Copie e reutilize
Toque no botão de copiar para pegar o código HEX. O painel abaixo também mostra a mesma cor como RGB, HSL, HSV e CMYK.
Recursos
Saída em tempo real
O HEX se atualiza enquanto você digita, tudo no navegador — sem espera e sem recarregar.
Entrada flexível
Aceita valores separados por vírgulas ou espaços, com ou sem o invólucro rgb().
Pré-visualização e seletor
Uma amostra ao vivo verifica o resultado e o seletor permite escolher uma cor visualmente.
Todos os formatos de uma vez
Veja HEX, RGB, HSL, HSV e CMYK juntos para cada cor que você inserir.
#3B82F6), a convenção usual — embora HEX não diferencie maiúsculas de minúsculas em CSS.Perguntas frequentes
Quais valores RGB são válidos?
Cada canal deve ser um inteiro entre 0 e 255. Os valores são limitados ou sinalizados se ficarem fora dessa faixa, já que RGB não tem sentido além dela.
Por que usar HEX em vez de RGB?
HEX é mais compacto e fácil de copiar e compartilhar como uma só string. Ambos os formatos têm suporte total em CSS, então a escolha é mais sobre conveniência e convenções de equipe.
Como insiro os valores RGB?
Insira os três números separados por vírgulas ou espaços — por exemplo 59, 130, 246 ou 59 130 246. Envolvê-los em rgb(...) também funciona.
A saída é em maiúsculas ou minúsculas?
O conversor gera HEX em maiúsculas (ex. #3B82F6), a convenção mais comum. O CSS trata #3b82f6 e #3B82F6 de forma idêntica.
A conversão é exata?
Sim. RGB para HEX é um mapeamento direto e sem perdas — cada canal 0–255 vira exatamente um par 00–FF, então o mesmo RGB sempre gera o mesmo HEX, sem arredondamentos.
Ainda não há comentários. Seja o primeiro a comentar!