Como converter RGB para hex online
- Informe os valores de vermelho, verde e azul (0–255) com os controles deslizantes ou os campos numéricos, ou cole um valor CSS
rgb(). - O código hex aparece na hora, junto com HSL, HSV e CMYK. Defina o alfa abaixo de 1 para obter um código hex de 8 dígitos com transparência.
- Copie o código hex ou acompanhe a fórmula para ver como cada valor foi convertido.
Fórmula de conversão de RGB para hex
Cada canal RGB de 0 a 255 vira exatamente dois dígitos hex. Divida o valor por 16: o quociente inteiro é o primeiro dígito e o resto é o segundo, com 10–15 escritos como A–F. Exemplo para rgb(124, 58, 237):
- Vermelho: 124 ÷ 16 = 7, resto 12 →
7C - Verde: 58 ÷ 16 = 3, resto 10 →
3A - Azul: 237 ÷ 16 = 14, resto 13 →
ED
Juntando os pares depois de um #, você obtém #7C3AED. Sempre escreva dois dígitos por canal: 9 vira 09, e não 9.
Conversão de RGB para hex em código
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel e Google Planilhas:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)(no Excel em português, use DECAHEX e ; como separador) - CSS: nenhuma conversão é necessária –
rgb()e códigos hex são intercambiáveis.
Como adicionar transparência (alfa)
Para um código de 8 dígitos, multiplique a opacidade (0–1) por 255, arredonde e acrescente o resultado como mais dois dígitos hex: 0,5 × 255 = 127,5 → 128 → 80, então rgba(124, 58, 237, 0.5) = #7C3AED80.
| Opacidade | Hex | Opacidade | Hex |
|---|---|---|---|
| 100% | FF | 50% | 80 |
| 90% | E6 | 40% | 66 |
| 80% | CC | 30% | 4D |
| 75% | BF | 25% | 40 |
| 70% | B3 | 20% | 33 |
| 60% | 99 | 10% | 1A |
Perguntas frequentes
Qual é a fórmula para converter RGB para hex?
Em cada canal, o primeiro dígito hex é o valor dividido por 16 (parte inteira) e o segundo é o resto, com 10–15 escritos como A–F. Junte os três pares depois de um #: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
Por que cada canal precisa ter dois dígitos hex?
Uma cor hex é lida em pares fixos. rgb(0, 128, 9) deve ser escrito #008009; omitir os zeros à esquerda deslocaria os pares e resultaria em uma cor diferente ou inválida.
Um código de cor hex pode armazenar transparência?
Sim. Navegadores modernos aceitam códigos de 8 dígitos #RRGGBBAA, em que o último par é o valor alfa, de 00 (totalmente transparente) a FF (opaco). rgba(124, 58, 237, 0.5) vira #7C3AED80.
A conversão de RGB para hex é exata?
Sim, para valores RGB inteiros: cada número de 0 a 255 tem exatamente uma forma hex de dois dígitos, então a conversão de volta dá os mesmos valores. Só o alfa é arredondado para o mais próximo de 256 níveis.