Como converter de HEX para RGB
Converta códigos de cor HEX para RGB na hora. Digite um valor HEX ou RGB, ou use os controles deslizantes, e todos os formatos se atualizam juntos, com prévia da cor, a fórmula e uma tabela de cores comuns.
- Digite ou cole um valor HEX, como #3B82F6, no campo correspondente acima.
- O valor RGB se atualiza na hora: #3B82F6 é rgb(59, 130, 246). Os outros formatos e a prévia da cor também se atualizam.
- Copie o valor RGB para o seu CSS, ferramenta de design ou código.
A fórmula de HEX para RGB
Uma cor HEX são três pares de dígitos hexadecimais: vermelho, verde e azul. Converta cada par da base 16 para a base 10 para obter os canais RGB:
#3B82F6 → rgb(59, 130, 246)
Cores comuns em HEX e RGB
| HEX | RGB |
|---|---|
#000000 | rgb(0, 0, 0) |
#FFFFFF | rgb(255, 255, 255) |
#FF0000 | rgb(255, 0, 0) |
#00FF00 | rgb(0, 255, 0) |
#0000FF | rgb(0, 0, 255) |
#FFFF00 | rgb(255, 255, 0) |
#00FFFF | rgb(0, 255, 255) |
#FF00FF | rgb(255, 0, 255) |
#808080 | rgb(128, 128, 128) |
#FFA500 | rgb(255, 165, 0) |
#800080 | rgb(128, 0, 128) |
#3B82F6 | rgb(59, 130, 246) |
O que são HEX e RGB
Uma cor HEX é um # seguido de seis dígitos hexadecimais: dois para o vermelho, dois para o verde e dois para o azul, de 00 (nada) a FF (máximo). É a forma mais comum de escrever cores em CSS e em ferramentas de design.
RGB indica os canais vermelho, verde e azul com números de 0 a 255, como em rgb(59, 130, 246). É o modelo que as telas usam para misturar luz.
Perguntas frequentes
A conversão muda a cor?
HEX, RGB e HSL descrevem as mesmas cores de tela, então a conversão entre eles é exata (o HSL é arredondado para números inteiros). CMYK é para impressão: o resultado impresso depende do perfil de cor da impressora, então use os valores CMYK de tela como ponto de partida.
Posso usar o resultado no CSS?
Sim. O CSS aceita diretamente hex (#3B82F6), rgb(59, 130, 246) e hsl(217, 91%, 60%). CMYK não é um formato de CSS; ele é usado em impressão e em programas de design.
E a transparência?
Adicione um valor alfa: hex de 8 dígitos (#3B82F680) ou rgba()/hsla() no CSS. O conversor trabalha com a cor sólida; o valor alfa é o mesmo em todos os formatos.
Esta ferramenta é gratuita?
Sim, é grátis. Sem cadastro nem e-mail. Veja o resultado nesta página.
Como recebo o resultado?
Use a ferramenta nesta página. O resultado aparece aqui, sem envio por e-mail.