Como converter hex para RGB online
- Digite ou cole um código de cor hex no campo Código de cor hex, com ou sem
#, ou clique na amostra para escolher uma cor. - Veja o resultado como
rgb()e os valores de vermelho, verde e azul nos controles deslizantes, junto com HSL, HSV e CMYK. - Copie qualquer formato com um clique. A fórmula ao lado dos formatos mostra como cada par de dígitos hex vira um número de 0 a 255.
Fórmula de conversão de hex para RGB
Um código de cor hex é formado por três bytes escritos em hexadecimal: #RRGGBB. Cada par de dígitos é um canal, de 00 (0) a FF (255). Para converter um par, multiplique o primeiro dígito por 16 e some o segundo, contando A = 10, B = 11, C = 12, D = 13, E = 14 e F = 15. Exemplo para #7C3AED:
- Vermelho:
7C= 7 × 16 + 12 = 124 - Verde:
3A= 3 × 16 + 10 = 58 - Azul:
ED= 14 × 16 + 13 = 237
Portanto, #7C3AED = rgb(124, 58, 237).
Códigos hex abreviados e com transparência
Um código de 3 dígitos é uma abreviação em que cada dígito é duplicado: #F80 = #FF8800 = rgb(255, 136, 0). Um código de 8 dígitos acrescenta um byte alfa para a opacidade: em #7C3AED80, o último par 80 = 128, e 128 ÷ 255 ≈ 0,5, então ele equivale a rgba(124, 58, 237, 0.5). A forma de 4 dígitos #RGBA funciona da mesma maneira.
Tabela de cores comuns: códigos hex e valores RGB
| Cor | Hex | RGB |
|---|---|---|
| Branco | #FFFFFF | rgb(255, 255, 255) |
| Preto | #000000 | rgb(0, 0, 0) |
| Vermelho | #FF0000 | rgb(255, 0, 0) |
| Verde-limão | #00FF00 | rgb(0, 255, 0) |
| Azul | #0000FF | rgb(0, 0, 255) |
| Amarelo | #FFFF00 | rgb(255, 255, 0) |
| Laranja | #FFA500 | rgb(255, 165, 0) |
| Cinza | #808080 | rgb(128, 128, 128) |
| Azul-marinho | #000080 | rgb(0, 0, 128) |
| Roxo | #800080 | rgb(128, 0, 128) |
| Verde-azulado | #008080 | rgb(0, 128, 128) |
Perguntas frequentes
Como converter hex para RGB manualmente?
Divida o código em três pares e converta cada par do hexadecimal: primeiro dígito × 16 + segundo dígito. Para #1E90FF: 1E = 30, 90 = 144 e FF = 255, então a cor é rgb(30, 144, 255).
O que significa uma cor hex de 3 dígitos como #F80?
É a abreviação de um código de 6 dígitos com cada dígito duplicado: #F80 = #FF8800 = rgb(255, 136, 0). Só podem ser abreviadas as cores em que cada par tem dois dígitos iguais.
Como converter hex para RGB em JavaScript ou Python?
JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) para um código como #RRGGBB. Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). No CSS, nenhuma conversão é necessária – as duas notações são aceitas.
Hex ou RGB: qual é melhor para CSS?
Os dois descrevem exatamente as mesmas cores. O hex é mais curto e comum em ferramentas de design; o rgb() é mais fácil de ler e ajustar e deixa a transparência evidente com rgba(). Navegadores modernos também aceitam códigos hex de 8 dígitos com alfa.