Conversor HEX para RGB
Transforme um código de cor hex em valores RGB.
Funciona no navegador. Nada do que você digita é enviado a lugar nenhum.
- 3, 4, 6 ou 8 dígitos
- RGBA e HSL também
- Copiar em um clique
Como converter HEX para RGB
- Digite ou cole um código hex, com ou sem o #.
- Os valores RGB, RGBA e HSL atualizam enquanto você digita.
- Clique no botão de copiar ao lado do valor que precisar.
Exemplos de HEX para RGB
| Hex | RGB | Nota |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Hex padrão de 6 dígitos |
| #F80 | rgb(255, 136, 0) | Forma abreviada de 3 dígitos, mesma cor |
| #000000 | rgb(0, 0, 0) | Preto |
| #FFFFFF | rgb(255, 255, 255) | Branco |
| #FF880080 | rgba(255, 136, 0, 0.5) | Hex de 8 dígitos com alfa |
A forma abreviada e a versão completa sempre decodificam para exatamente a mesma cor, já que cada dígito abreviado é simplesmente dobrado.
De onde vêm os códigos hex
Ferramentas de design como Figma e Photoshop, e o DevTools de todo navegador, mostram uma cor em hex por padrão, já que é a forma mais curta de escrever uma cor exata como texto.
O hex faz parte da web desde os primeiros atributos de cor do HTML, nos anos 1990, muito antes de existirem as funções CSS rgb() e hsl(). Essa história explica por que o hex ainda é o formato com que a maioria dos guias de estilo começa.
Erros comuns com código hex
- Um código hex precisa ter 3, 4, 6 ou 8 dígitos. Um comprimento de 5 ou 7 é inválido e não converte.
- Algumas APIs antigas do Windows guardam cores como BGR em vez de RGB, então um código copiado de código legado pode ter vermelho e azul trocados.
- Os dois últimos dígitos de um código de 8 dígitos são o alfa, não um quarto canal de cor, então #FF880000 é totalmente transparente, não um laranja mais escuro.
Perguntas frequentes sobre HEX para RGB
Como converter HEX para RGB na mão?
Divida o código em três pares e converta cada par de base 16 para base 10. Para #F08A3C isso dá F0 = 240, 8A = 138 e 3C = 60, então rgb(240, 138, 60).
O que é um código hex de 3 dígitos?
Uma forma abreviada em que cada dígito é dobrado. #F80 é a mesma cor que #FF8800, e #000 é preto.
O que significam os dois últimos dígitos de um código hex de 8 dígitos?
São o alfa, ou opacidade. #FF880080 é laranja com cerca de 50 por cento de opacidade, o mesmo que rgba(255, 136, 0, 0.5).
O código precisa começar com #?
Não. O conversor aceita códigos com ou sem o #, em maiúsculas ou minúsculas.
Por que meu código hex aparece como inválido?
Um código hex precisa ter exatamente 3, 4, 6 ou 8 dígitos usando 0-9 e A-F. Um comprimento como 5 ou 7, ou um caractere fora desse intervalo, não converte.
Posso colar uma variável CSS como var(--brand)?
Não, cole o valor de cor literal. Antes, veja para o que a variável se resolve, por exemplo no painel de estilos computados do DevTools do seu navegador.
Qual é o código hex mais curto possível?
3 dígitos, como #000 para preto ou #fff para branco. Cada dígito representa um par dobrado no valor completo de 6 dígitos.