Conversor de HEX para RGB
Cole um código de cor HEX e receba os valores RGB, prontos para copiar como rgb() ou rgba().
Converter códigos de cor HEX para RGB
Arquivos de design e manuais de marca costumam trazer as cores como códigos HEX, enquanto código de canvas, atributos SVG, bibliotecas de imagem e CSS com transparência muitas vezes querem números RGB. As duas notações descrevem exatamente a mesma coisa, então a conversão entre elas não tem perdas.
Esta página abre o Conversor de Cores com a entrada HEX selecionada e um exemplo carregado. Substitua pelo seu próprio código.
Como a conversão funciona
Uma cor HEX são três bytes escritos em base 16: vermelho, verde e azul. Cada par de dígitos vai de 00 a FF, ou seja, de 0 a 255 em decimal. Para converter um par, multiplique o primeiro dígito por 16 e some o segundo, lembrando que as letras de A a F valem de 10 a 15.
| HEX | Pares | RGB |
|---|---|---|
#0A84FF | 0A · 84 · FF | rgb(10, 132, 255) |
#FF5733 | FF · 57 · 33 | rgb(255, 87, 51) |
#FFF | FF · FF · FF | rgb(255, 255, 255) |
#000000 | 00 · 00 · 00 | rgb(0, 0, 0) |
Códigos curtos e alfa
- 3 dígitos: cada dígito é duplicado, então
#0AFé#00AAFF. - 4 dígitos: a mesma duplicação, com o quarto dígito como alfa.
- 8 dígitos: o último par é o alfa, de 00 (transparente) a FF (opaco), exibido como
rgba()com um valor de 0 a 1. - O
#inicial é opcional, e tanto letras minúsculas quanto maiúsculas funcionam.
HEX para RGB em código
Em JavaScript, parseInt('84', 16) retorna 132, então uma conversão completa são três chamadas assim, uma para cada par. Em Python, tuple(int(h[i:i+2], 16) for i in (0, 2, 4)) faz o mesmo com uma string de seis dígitos sem o #. O CSS moderno aceita as duas notações diretamente, então a conversão só é necessária quando uma ferramenta ou API exige uma delas.
Conversões relacionadas
No sentido inverso, RGB para HEX transforma valores de canal de volta em um código. Para criar variações mais claras e mais escuras, HEX para HSL costuma ser mais prático, e o Verificador de Contraste de Cores mostra se uma cor fica legível sobre o fundo dela.