Converter HEX para RGB em Segundos (Ferramenta Grátis)

HEX e RGB representam as mesmas cores — apenas em formatos diferentes.

Se já copiou uma cor assim de uma ferramenta de design:

#3B82F6

…e precisava dela em CSS, JavaScript, Canvas ou numa API como:

rgb(59, 130, 246)

está no sítio certo.

Este guia mostra a forma mais rápida de converter HEX → RGB (e uma explicação simples de como funciona).

---

⚡ Converter HEX para RGB em Segundos (Grátis)

Passo 1: Ir ao Conversor HEX para RGB

Vá ao Conversor de Cor HEX para RGB.

Passo 2: Colar o seu código HEX

Exemplos que funcionam:

• #3B82F6
• 3B82F6 (sem o #)
• Forma curta #0AF (mais abaixo)

Passo 3: Copiar o resultado RGB

Obtém um resultado pronto a usar como:

• rgb(59, 130, 246)

---

✅ Por Que Precisa de HEX → RGB

Esta conversão aparece constantemente no trabalho real:

• CSS e interface: alguns estilos, animações e ferramentas são mais fáceis em rgb() / rgba()
• JavaScript / Canvas: bibliotecas e canvas costumam aceitar valores RGB
• Design para dev: os designers partilham muitas vezes HEX enquanto o código espera RGB
• APIs e config: alguns sistemas guardam os canais de cor como números separados
• Depuração: em RGB vê-se claramente que canal muda (R/V/A)
• Manipulação de cor: para clarear/escurecer cores em código, a aritmética por canais RGB é directa

---

🧠 O Que HEX e RGB Significam

HEX (hexadecimal)

Uma cor HEX escreve-se normalmente como #RRGGBB:

• RR = canal vermelho
• GG = canal verde
• BB = canal azul

Cada par é um byte hex de 00 a FF, que equivale a 0 a 255 em decimal.

RGB

RGB escreve-se como:

rgb(R, G, B)

Cada canal é um valor decimal 0–255.

---

🔢 A Matemática HEX → RGB (Se Quiser)

Para converter #3B82F6:

1. Separar em pares: 3B 82 F6
2. Converter cada par hex para decimal:
   • 3B (hex) → 59 (decimal)
   • 82 (hex) → 130 (decimal)
   • F6 (hex) → 246 (decimal)
3. Juntar:

rgb(59, 130, 246)

É isso que o conversor faz — só que na hora, sem passos manuais.

---

🛠 Resolução de Problemas (HEX Comuns)

1) HEX curto de 3 dígitos (#RGB)

A forma curta expande cada dígito:

• #0AF passa a #00AAFF

Depois converte como habitualmente:

#00AAFF → rgb(0, 170, 255)

2) HEX de 8 dígitos com alpha (#RRGGBBAA)

Alguns sistemas incluem alpha como quarto byte:

• #RRGGBBAA em que AA é o alpha

Nota: em HEX o alpha vai de 00 (transparente) a FF (opaco), mas em CSS rgba() o alpha é decimal de 0.0 a 1.0.

Se trabalha em CSS e precisa de transparência, normalmente quer rgba(r, g, b, a) (ou um valor moderno #RRGGBBAA) consoante o destino.

3) O código HEX não é válido

Os dígitos HEX válidos são apenas:

• 0–9 e A–F (sem distinção de maiúsculas/minúsculas)

Qualquer outra coisa significa que a entrada não é uma cor HEX.

---

📌 Referência Rápida

Formato	Intervalo	Exemplo
HEX	00–FF por canal	#3B82F6
RGB	0–255 por canal	rgb(59, 130, 246)

Notas:

• 00 (hex) = 0 (decimal), FF (hex) = 255 (decimal)
• A forma curta #RGB expande para #RRGGBB

Se precisar da conversão inversa, o Conversor de Cor converte entre HEX, RGB, RGBA, HSL, HSV e CMYK.

---

🚀 Experimente a Ferramenta HEX para RGB da Tooladex

Se quer a forma mais rápida de passar códigos HEX a valores RGB (sem fazer as contas), o conversor da Tooladex foi feito para isso:

• Conversão HEX → RGB na hora
• Funciona com formatos comuns (com/sem #, forma curta)
• Tudo corre no seu navegador