Conversor HEX para RGB
Converta qualquer código de cor HEX em valores RGB e RGBA instantaneamente - sem botão para pressionar. Suporta formatos HEX de 3 dígitos (#RGB), 6 dígitos (#RRGGBB), 4 dígitos (#RGBA) e 8 dígitos (#RRGGBBAA) com transparência alfa. Inclui visualização de cor ao vivo, barras de canal e cópia com um clique para todos os formatos de saída. Totalmente privado, 100% grátis e sem cadastro.
Sample Colors
Formats: #RGB #RRGGBB #RGBA #RRGGBBAA
RGB / RGBA Values
Por que usar nosso conversor HEX para RGB?
- Conversão HEX para RGB instantânea: O conversor atualiza todos os valores RGB a cada tecla digitada - sem botão para pressionar. Insira qualquer cor HEX e obtenha instantaneamente RGB, RGBA, valores por canal e equivalentes decimais. Também há um seletor de cor nativo para seleção visual.
- Todos os formatos HEX suportados: O conversor HEX para RGB suporta formatos HEX de 3 dígitos (#RGB), 4 dígitos (#RGBA), 6 dígitos (#RRGGBB) e 8 dígitos (#RRGGBBAA). Ele também gera o HEX3 abreviado quando aplicável e o HEX8 de 8 dígitos com canal alfa.
- 100% privado - sem upload: Toda a conversão acontece localmente no seu navegador. Seus valores de cor nunca saem do seu dispositivo nem são enviados a nenhum servidor - seguro para projetos de clientes e sistemas de design proprietários.
- Grátis e sem limites: Converta cores ilimitadas sem cadastro, sem assinatura e sem limites de uso. O conversor HEX para RGB é totalmente gratuito para sempre e sem anúncios bloqueando a interface.
Casos de uso comuns do conversor HEX para RGB
- CSS e desenvolvimento frontend: Desenvolvedores frontend usam o conversor HEX para RGB para converter tokens de design de HEX para RGB em propriedades CSS que exigem o formato RGB, como box-shadow, text-shadow e gradientes. O formato RGB também é essencial para manipulação de cor na API Canvas e WebGL.
- Entrega e implementação de design: Ao traduzir designs do Figma ou Sketch em código, os desenvolvedores usam o conversor HEX para RGB para obter os valores RGB exatos exigidos por React Native, Flutter e outros frameworks que usam modelos de cor RGB numéricos em vez de strings HEX.
- Aplicativos móveis e multiplataforma: Desenvolvedores móveis usam o conversor HEX para RGB para converter as cores HEX das especificações de design nos valores RGB exigidos por iOS (UIColor), Android (Color.parseColor), React Native, Flutter e Xamarin.
- Acessibilidade e análise de contraste: Especialistas em acessibilidade usam o conversor HEX para RGB para extrair os valores de cada canal RGB necessários aos cálculos de taxa de contraste WCAG, garantindo que combinações de cores de primeiro plano e fundo atendam à conformidade AA ou AAA.
- Manipulação e mistura de cores: Designers e desenvolvedores usam o conversor HEX para RGB ao manipular cores programaticamente - o espaço de cor RGB facilita mistura, interpolação e operações matemáticas de cor em comparação com HEX.
- Impressão e publicação digital: Designers de impressão usam o conversor HEX para RGB para combinar cores da web em publicações digitais. Embora a impressão use CMYK, as versões digitais de materiais impressos muitas vezes precisam de valores RGB precisos que coincidam com a intenção de design HEX original.
O que é conversão de HEX para RGB?
A conversão de HEX para RGB transforma um código de cor hexadecimal em seus componentes vermelho-verde-azul (RGB) equivalentes. Uma cor HEX como #FF6B6B representa o canal vermelho como FF (255), o verde como 6B (107) e o azul como 6B (107). Nosso conversor HEX para RGB faz essa conversão instantaneamente, suportando formatos HEX de 3, 4, 6 e 8 dígitos, incluindo transparência alfa.
Como funciona nosso conversor HEX para RGB
- Insira sua cor HEX: Digite ou cole um valor HEX (por exemplo, #FF6B6B, #F6B ou #FF6B6B80). Você também pode usar a amostra do seletor de cor nativo para escolher visualmente qualquer cor. Todo o processamento é executado localmente no seu navegador - seus valores de cor nunca saem do seu dispositivo.
- Os valores RGB são atualizados instantaneamente: Enquanto você digita ou escolhe, os valores RGB, RGBA, por canal, a representação decimal e os valores percentuais são atualizados em tempo real. A amostra de cor e as barras de canal oferecem uma visualização da cor convertida.
- Copie qualquer valor: Clique no botão Copiar ao lado de qualquer linha de saída ou cartão de formato para copiar aquele valor específico, ou use "Copiar todos os valores" para copiar todos os dados da cor de uma vez.
Formatos de cor HEX explicados
- #RGB (3 dígitos): Notação abreviada em que cada dígito hex é duplicado. Por exemplo, #F6B se expande para #FF66BB. Use para CSS compacto quando a precisão da cor permitir.
- #RRGGBB (6 dígitos): O formato HEX padrão com dois dígitos hex por canal (00-FF). É o formato mais comum em web design, oferecendo 16,7 milhões de cores possíveis.
- #RGBA (4 dígitos): Uma abreviação que inclui um canal alfa. Cada dígito é duplicado - #F6B8 significa R=FF, G=66, B=BB, A=88 (53% de opacidade).
- #RRGGBBAA (8 dígitos): O formato HEX completo com alfa. Os dois últimos dígitos representam o canal alfa (00 = transparente, FF = totalmente opaco). Seu suporte em navegadores CSS modernos é cada vez maior.
HEX versus RGB - quando usar cada formato
HEX é o formato de cor mais compacto e mais usado em desenvolvimento web. É ideal para declarações CSS, atributos HTML e para copiar cores de ferramentas de design como Figma, Sketch ou Adobe XD. HEX é o formato padrão de tokens de cor na maioria dos sistemas de design.
RGB é preferível quando você precisa manipular cores programaticamente - para operações da API Canvas, shaders WebGL, interpolação de cor ou qualquer processamento matemático de cor. RGB também é exigido por muitos frameworks de programação como React Native, Flutter e desenvolvimento nativo para iOS/Android. O conversor HEX para RGB facilita a alternância entre esses formatos em qualquer fluxo de trabalho.
Perguntas frequentes
Um conversor HEX para RGB transforma códigos de cor hexadecimais (como #FF0000) em seus valores numéricos RGB (vermelho, verde, azul) equivalentes. Nosso conversor HEX para RGB suporta todos os formatos HEX comuns - 3 dígitos (#RGB), 4 dígitos (#RGBA com alfa), 6 dígitos (#RRGGBB) e 8 dígitos (#RRGGBBAA com alfa). Ele também fornece valores RGBA, representações decimais e valores percentuais para cada canal.
Basta digitar ou colar seu valor de cor HEX (com ou sem o prefixo #) no campo de entrada. O conversor HEX para RGB mostra instantaneamente os valores RGB e RGBA equivalentes. Por exemplo, inserir #FF6B6B resulta em rgb(255, 107, 107). Você também pode usar o seletor de cor nativo para escolher qualquer cor visualmente.
O conversor HEX para RGB suporta quatro formatos: #RGB de 3 dígitos (por exemplo, #F6B), #RGBA de 4 dígitos (por exemplo, #F6B8), #RRGGBB de 6 dígitos (por exemplo, #FF66BB) e #RRGGBBAA de 8 dígitos (por exemplo, #FF66BB88). Quando você insere um HEX curto, o conversor o expande para o equivalente completo de 6 dígitos e mostra a versão abreviada quando disponível.
Sim. Toda a conversão acontece 100% no lado do cliente, no seu navegador, usando JavaScript. Seus valores de cor nunca são enviados a nenhum servidor, nunca são armazenados e nunca são transmitidos a lugar algum. O conversor HEX para RGB é completamente privado e processa tudo localmente no seu dispositivo.
RGB significa vermelho-verde-azul e define uma cor usando três valores (0-255 cada). RGBA adiciona um canal alfa que controla a opacidade (0 = totalmente transparente, 1 = totalmente opaco). Nosso conversor HEX para RGB gera os dois formatos, para que você use rgb() em cores sólidas e rgba() quando precisar de transparência.
Sim. O conversor HEX para RGB é 100% gratuito, sem cadastro, sem recursos premium e sem limites de uso. Converta cores ilimitadas sem restrições nem custos ocultos. Não há anúncios bloqueando a interface.
Embora esta ferramenta foque na conversão de HEX para RGB, você também pode usá-la para converter RGB de volta para HEX inserindo o equivalente HEX dos seus valores RGB. Para conversão dedicada de RGB para HEX com recursos adicionais como sugestões de cores complementares, confira nossa linha completa de ferramentas de conversão de cor.
A representação decimal mostra os valores RGB como números separados por vírgulas (por exemplo, 255, 107, 107). A representação percentual mostra cada canal como porcentagem de 255 (por exemplo, 100%, 42%, 42%). Ambos os formatos são úteis em diferentes contextos de programação e fluxos de manipulação de cor.