O conversor aceita todas as formas hex do CSS: o formato de 6 dígitos #ff5733, a forma abreviada de 3 dígitos #f53, e os formatos de 4 e 8 dígitos com canal alfa, com ou sem o #. Mostra a cadeia rgb() ou rgba(), os valores de cada canal e uma decomposição por canal, além de uma linha inversa de RGB para HEX quando precisar de fazer o percurso contrário. Tudo é executado no navegador, sem envio de ficheiros, sem conta e sem limites.
Conversor de HEX para RGB
Funciona inteiramente no navegador - sem carregar nada, sem registo.
CSS
rgb(255, 87, 51)Valores RGB
255, 87, 51Como se converte
Vermelho
FF255Verde
5787Azul
3351Percurso contrário? RGB para HEX
#ff5733Como converter HEX para RGB?
Uma cor hex é composta por três pares de dígitos hexadecimais, um par por canal. Cada par converte-se num número decimal de 0 a 255: em #ff5733, ff é 255 de vermelho, 57 é 87 de verde e 33 é 51 de azul, pelo que o valor RGB é rgb(255, 87, 51). Este conversor faz isto de imediato à medida que escreve.
Como utilizar
- 1Introduza um código hex. Escreva ou cole uma cor hex como #ff5733 (ou #f53), ou escolha uma com o seletor de cor. O # é opcional.
- 2Leia o valor RGB. A cadeia rgb(), os valores simples de 0 a 255 e uma pré-visualização da cor em direto atualizam-se à medida que escreve, com uma decomposição por canal que mostra como cada par hex é convertido.
- 3Copie o formato de que precisa. Clique em Copiar junto à cadeia rgb() ou aos valores em bruto. Precisa do percurso contrário? Introduza o vermelho, o verde e o azul abaixo para obter novamente o código hex.
Para quem é
- Programadores front-end que transformam um código hex de um guia de estilo em rgb() para acrescentar 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 (algumas aplicações de impressão e vídeo).
- Equipas de email e marketing que igualam as cores de uma campanha entre editores que só aceitam uma notação.
- Programadores de jogos e aplicações que fornecem valores de canal 0-255 a motores e SDK que não interpretam cadeias hex.
Perguntas frequentes
Este conversor de HEX para RGB é gratuito?
Sim, é 100% gratuito, sem registo e sem limites. Funciona inteiramente no navegador.
As minhas cores são enviadas para algum lado?
Não. A conversão é JavaScript puro executado no seu dispositivo, nada é enviado para um servidor, e continua a funcionar offline depois de a página carregar.
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.
Suporta a forma abreviada de 3 dígitos como #f53?
Sim. Na forma abreviada do CSS cada dígito é duplicado, pelo que #f53 se expande para #ff5533 e se converte em rgb(255, 85, 51). O formato de 4 dígitos funciona da mesma forma, com o último dígito como alfa.
Como converte de 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 obter o alfa de 0 a 1 que o rgba() espera, arredondado a três casas decimais - assim #ff573380 passa a rgba(255, 87, 51, 0.502).
Consegue converter RGB de novo em HEX?
Sim. Utilize a linha de RGB para HEX por baixo do resultado: introduza valores de vermelho, verde e azul de 0 a 255 e o código hex é devolvido de imediato. Os valores fora do intervalo são limitados a 0-255.
Porque preciso de rgb() em vez de hex?
Sobretudo por causa do alfa e dos cálculos: rgba(255, 87, 51, 0.5) torna uma cor translúcida, e muitas API, motores de jogos e especificações de design esperam números de canal separados de 0 a 255 em vez de uma cadeia hex.