O que este conversor de HEX para RGB faz
Esta ferramenta transforma um código de cor hexadecimal no seu equivalente em RGB. Digite ou cole algo como #2b59ff e você recebe de volta rgb(43, 89, 255), pronto para colar em uma folha de estilo. É útil para desenvolvedores front-end montando CSS, designers traduzindo uma paleta entre ferramentas e qualquer pessoa que tenha um valor hex vindo de um manual de marca mas precise da forma rgb() para truques de opacidade ou para código mais antigo.
A ferramenta entende tanto a forma completa de seis dígitos quanto a abreviada de três. Um código como #abc é expandido para #aabbcc antes da conversão, e o # é opcional, então 2b59ff funciona tão bem quanto #2b59ff.
Como usar
- Digite ou cole a sua cor hex na caixa de entrada, por exemplo
#c026d3. - Aperte o botão Converter.
- Leia o resultado na caixa de saída, que mostra o valor como
rgb(192, 38, 211). - Clique em copiar para pegar a string rgb() e colocá-la no seu código.
Se o código não for um hex válido, você recebe uma mensagem clara pedindo algo no formato #2b59ff, então nunca fica adivinhando o que deu errado.
Por que converter aqui
É rápido, já que o cálculo roda no instante do clique, sem recarregar a página nem esperar por um servidor. É privado, porque a conversão acontece no seu navegador e a cor que você informa nunca sai do seu dispositivo. E é gratuito, sem conta para criar. Encontre outros utilitários na categoria conversores.
O resultado segue a sintaxe CSS padrão, então cada canal fica entre 0 e 255 exatamente como os navegadores esperam. Isso facilita estender o valor para rgba() quando você quiser adicionar transparência. Tendo os três números em mãos, criar um rgba(192, 38, 211, 0.5) para efeitos de fade leva segundos.
Perguntas frequentes
- Como faço para converter uma cor HEX em RGB?
- Cole o seu código hex na caixa (por exemplo
- A ferramenta aceita códigos hex abreviados de 3 dígitos?
- Sim. Códigos curtos como
- Em qual formato fica o resultado?
- Ele devolve uma string CSS pronta para uso no formato rgb(vermelho, verde, azul), com cada canal como um número de 0 a 255. Você pode colar direto em uma propriedade de cor ou de fundo.
- Os dados da minha cor são enviados para algum lugar?
- Não. A conversão acontece inteiramente no seu navegador com JavaScript. Nada é enviado, não há cadastro e a ferramenta funciona offline depois que a página carrega.