Conversor HEX para RGB Converta códigos de cor HEX em valores RGB instantaneamente com uma pré-visualização ao vivo.
Conversor HEX para RGB
Converta códigos de cor HEX em valores RGB instantaneamente com uma pré-visualização ao vivo.
Insira o Código HEX
Digite um código de cor HEX como #3B82F6 ou use a ferramenta de seleção de cores para escolher uma cor.
Veja os Valores RGB
Veja os valores dos canais Vermelho, Verde e Azul (0-255) atualizados instantaneamente.
Copie o Resultado
Clique em Copiar para obter os valores RGB no formato css como rgb(59, 130, 246).
What Is Conversor HEX para RGB?
Um conversor de HEX para RGB traduz códigos de cores hexadecimais em seus equivalentes nos canais Vermelho, Verde e Azul. Os códigos HEX são strings de seis caracteres (precedidos por #) usados extensivamente no desenvolvimento web, design gráfico e mídia digital. Cada par de dígitos hexadecimais representa um canal de cor: os dois primeiros para vermelho, os do meio para verde e os últimos para azul. Por exemplo, #FF5733 se divide em R:255, G:87, B:51. O modelo de cor RGB é um sistema aditivo onde as cores são criadas combinando luzes vermelha, verde e azul em intensidades variadas de 0 a 255. Essa conversão é essencial para desenvolvedores que precisam alternar entre a notação hex do CSS e as funções rgba(), para designers que trabalham com ferramentas que usam formatos de cor diferentes e para qualquer pessoa que precise de valores de canal de cor precisos para manipulação de imagens, visualização de dados ou cálculos de acessibilidade. Nosso conversor lida tanto com a notação abreviada de 3 dígitos (#F00) quanto com os códigos padrão de 6 dígitos, fornecendo conversão instantânea com uma pré-visualização visual.
Why Use Conversor HEX para RGB?
-
Converta instantaneamente qualquer código HEX para valores RGB precisos com visualização ao vivo
-
Suporta tanto códigos HEX abreviados de 3 dígitos (#F00) quanto códigos HEX completos de 6 dígitos
-
A amostra de cor é atualizada em tempo real à medida que você digita
-
Copia com um clique para ambos os formatos rgb() e separados por vírgulas
-
Nenhuma instalação ou cadastro - executa inteiramente no seu navegador
Common Use Cases
Desenvolvimento de CSS
Converta cores HEX de mockups de design para valores rgb() para propriedades CSS que exigem formato RGB.
Entrega do Design
Traduza especificações de cor entre designers que trabalham com HEX e desenvolvedores que precisam de valores RGB.
Processamento de Imagens
Obtenha os valores individuais dos canais R, G, B necessários para manipulação de pixels em Canvas ou WebGL.
Testes de Acessibilidade
Extraia os valores RGB necessários para calcular a luminância relativa para verificações da razão de contraste WCAG.
Visualização de Dados
Converta cores HEX da marca para o formato RGB necessário por bibliotecas de gráficos como D3.js ou Chart.js.
Technical Guide
O sistema de cor HEX representa cores usando a notação base-16 (hexadecimal). Cada canal de cor usa dois dígitos hexadecimais, dando 256 valores possíveis por canal (00 a FF, ou 0 a 255 em decimal). O processo de conversão é direto: analise cada par de dígitos hexadecimais e converta para decimal. Para uma notação abreviada de 3 dígitos como #F0A, cada dígito é duplicado: FF, 00, AA. Os valores RGB resultantes podem expressar 16.777.216 cores únicas (256³). No CSS, HEX e RGB são funcionalmente idênticos - #3B82F6 e rgb(59, 130, 246) produzem exatamente a mesma cor. A escolha entre os formatos muitas vezes depende do contexto: HEX é mais compacto e comumente usado em ferramentas de design, enquanto RGB é mais intuitivo para manipulação programática de cores. Ao trabalhar com transparência, o HEX usa um caractere opcional de 8 bits (#3B82F680 para 50% de opacidade), enquanto o RGB se estende a rgba(59, 130, 246, 0,5). O CSS moderno também suporta a sintaxe separada por espaços: rgb(59 130 246 / 50%). Entender essa conversão é fundamental para o desenvolvimento web, pois ela ponteia a lacuna entre como as cores são especificadas em ferramentas de design e como elas são manipuladas no código.
Tips & Best Practices
-
1Códigos HEX são insensíveis a letras maiúsculas e minúsculas - #3b82f6 e #3B82F6 são idênticos
-
2Use a abreviação de 3 dígitos apenas quando cada par tiver dígitos idênticos: #AABBcc → #ABc
-
3Para transparência, adicione dois dígitos hexadecimais adicionais: #3B82F680 é 50% de opacidade
-
4Valores RGB de 0,0,0 são preto puro; 255,255,255 é branco puro
-
5Valores R, G, B iguais produzem tons de cinza (por exemplo, rgb(128,128,128))
Related Tools
Conversor RGB para HEX
Converta valores de cor RGB em códigos HEX com controles deslizantes e pré-visualização ao vivo.
🎨 Color Tools
Conversor HEX para HSL
Converta códigos de cor HEX para valores HSL (Matiz, Saturação, Luminosidade).
🎨 Color Tools
Conversor HEX para CMYK
Converta códigos de cor HEX para valores de impressão CMYK para preparação de pré-impressão.
🎨 Color Tools
Seletor de Cores
Seletor de cores interativo com saídas em HEX, RGB, HSL e CMYK.
🎨 Color Tools
Visualizador de Espaço de Cores
Visualize qualquer cor em HEX, RGB, HSL, HSV e CMYK com gráficos de barras.
🎨 Color ToolsFrequently Asked Questions
Q O que é um código de cor HEX?
Q Como converter HEX para RGB manualmente?
Q Qual é a diferença entre HEX e RGB?
Q Os códigos HEX podem incluir transparência?
Q Os códigos HEX de 3 dígitos são válidos?
Q Por que os designers usam HEX em vez de RGB?
About This Tool
Conversor HEX para RGB is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.