Conversor de cores (HEX ↔ RGB)
Converta HEX para RGB e RGB para HEX, com prévia da cor ao vivo.
HEX (#4f46e5) e RGB (79, 70, 229) são duas notações para a mesma cor — o HEX é compacto para o CSS, o RGB é explícito para as ferramentas de design.
Respostas rápidas
Quanto vale #FF5733 em RGB?
rgb(255, 87, 51): FF em hexadecimal é 255, 57 é 87 e 33 é 51 — cada par do HEX é um canal convertido de base 16 para base 10.
É aquele laranja-avermelhado muito usado em botões e destaques. Cole #FF5733 na ferramenta e confira os três valores.
E rgb(59, 130, 246) em HEX?
#3B82F6: 59 vira 3B, 130 vira 82 e 246 vira F6 em hexadecimal, sempre com dois dígitos por canal.
É o azul que muitas ferramentas de design entregam pronto; no CSS você pode usar qualquer uma das duas formas.
Qual é a diferença entre HEX e RGB?
Nenhuma no significado — #FF0000 e rgb(255, 0, 0) são o mesmo vermelho. O HEX é mais curto; o RGB é mais legível canal a canal.
A escolha é de conveniência: HEX domina folhas de estilo e guias de marca; RGB aparece em funções CSS como rgba() e em código de canvas.
Como usar
- Digite um código HEX ou os valores RGB — o outro lado é atualizado ao vivo.
- Veja a prévia da cor na hora.
- Clique em «Cor aleatória» para se inspirar ou em «Copiar HEX» para pegar o código.
Sobre esta ferramenta
Quem desenha telas converte entre os dois o tempo todo ao levar as cores do layout para o código.
A conversão acontece na hora, no seu navegador. Nada é enviado.
Perguntas frequentes
Qual é a diferença entre HEX e RGB?
Nenhuma no significado — #FF0000 e rgb(255, 0, 0) são o mesmo vermelho. O HEX é mais curto; o RGB é mais legível.
Por que existem códigos HEX de 3 e de 6 dígitos?
#F00 é a forma abreviada de #FF0000 — cada dígito é duplicado. Esta ferramenta usa sempre a forma completa de 6 dígitos.
Posso digitar o HEX sem o #?
Pode: a ferramenta aceita com ou sem o símbolo e ignora maiúsculas e minúsculas. Com menos de 6 dígitos válidos, ela mantém a última cor válida até o código ficar completo.
Algo é enviado a algum servidor?
Não — tudo roda localmente, no seu navegador.
Mais ferramentas em português
Gerador de hash SHA-256
Gere hashes SHA-256 / SHA-512 na hora.
Formatador e validador JSON
Formate, compacte e valide JSON em um clique.
Codificador de entidades HTML
Codifique ou decodifique entidades HTML.
Gerador de slugs
Transforme títulos em slugs limpos para URLs: sem acentos, sem espaços, prontos para colar.
Comparar textos
Compare dois textos lado a lado e veja exatamente o que mudou, linha por linha. Nada é enviado.
Color Converter (HEX ↔ RGB)
Convert HEX to RGB and back, with live preview.