O conversor aceita todos os formatos hex do CSS: o formato de 6 dígitos #ff5733, o abreviado de 3 dígitos #f53, e os formatos de 4 e 8 dígitos com canal alfa, com ou sem o #. Ele mostra a string rgb() ou rgba(), os valores de cada canal e o detalhamento por canal, além de uma linha reversa de RGB para HEX quando você precisa fazer o caminho inverso. Tudo roda no seu navegador, sem upload, sem cadastro e sem limites.
Conversor de HEX para RGB
Funciona inteiramente no seu navegador - sem upload, sem cadastro.
CSS
rgb(255, 87, 51)Valores RGB
255, 87, 51Como funciona a conversão
Vermelho
FF255Verde
5787Azul
3351Quer o caminho inverso? RGB para HEX
#ff5733Como converter HEX para RGB
Uma cor hex é formada por três pares de dígitos hexadecimais, um par por canal. Converta cada par em um número decimal de 0 a 255: em #ff5733, ff é 255 de vermelho, 57 é 87 de verde e 33 é 51 de azul, então o valor RGB é rgb(255, 87, 51). Este conversor faz isso instantaneamente enquanto você digita.
Como usar
- 1Digite um código hex. Digite ou cole uma cor hex como #ff5733 (ou #f53), ou escolha uma no seletor de cores. O # é opcional.
- 2Veja o valor RGB. A string rgb(), os valores puros de 0 a 255 e uma prévia da cor ao vivo são atualizados enquanto você digita, com um detalhamento por canal mostrando como cada par hex é convertido.
- 3Copie o formato que precisar. Clique em Copiar ao lado da string rgb() ou dos valores brutos. Precisa do caminho inverso? Digite vermelho, verde e azul abaixo para obter o código hex de volta.
Para quem é
- Desenvolvedores front-end que transformam um código hex de um guia de estilo em rgb() para adicionar transparência com rgba().
- Designers que movem cores de marca entre ferramentas que pedem hex (CSS, Figma) e ferramentas que pedem valores de 0 a 255 (alguns apps de impressão e vídeo).
- Times de email e marketing que igualam as cores de uma campanha entre editores que só aceitam uma notação.
- Desenvolvedores de jogos e apps que alimentam engines e SDKs com valores de canal 0-255 quando eles não interpretam strings hex.
Perguntas frequentes
Esse conversor de HEX para RGB é gratuito?
Sim, é 100% gratuito, sem cadastro e sem limites. Roda inteiramente no seu navegador.
Minhas cores são enviadas para algum lugar?
Não. A conversão é JavaScript puro rodando no seu dispositivo, nada é enviado a um servidor, e continua funcionando offline depois que a página carrega.
Qual é a fórmula para converter HEX para RGB?
Divida o código hex em três pares e converta cada par da base 16 para decimal: multiplique o primeiro dígito por 16 e some o segundo (a=10 ... f=15). Em #ff5733, ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Ele aceita o formato abreviado de 3 dígitos, tipo #f53?
Sim. No formato abreviado do CSS cada dígito é duplicado, então #f53 vira #ff5533 e converte para rgb(255, 85, 51). O formato de 4 dígitos funciona do mesmo jeito, com o último dígito como alfa.
Como ele converte HEX para RGBA?
Um código hex de 8 dígitos traz o alfa no último par. Esse byte (0-255) é dividido por 255 para chegar ao alfa de 0 a 1 que o rgba() espera, arredondado para três casas decimais - assim #ff573380 vira rgba(255, 87, 51, 0.502).
Ele converte RGB de volta para HEX?
Sim. Use a linha de RGB para HEX abaixo do resultado: digite valores de vermelho, verde e azul de 0 a 255 e ele devolve o código hex na hora. Valores fora da faixa são limitados entre 0 e 255.
Por que preciso de rgb() em vez de hex?
Principalmente por causa do alfa e dos cálculos: rgba(255, 87, 51, 0.5) deixa uma cor translúcida, e muitas APIs, engines de jogos e specs de design esperam números de canal separados de 0 a 255 em vez de uma string hex.