Conversor HEX RGB Grátis: Converter Cores HEX para RGB Online

A O conta-gotas captura cores de toda a sua tela, não apenas do navegador. Clique no ícone, passe o mouse sobre qualquer pixel no Slack, Figma ou até mesmo um PDF. A cor é travada ao clicar. Atenção: alguns sistemas operacionais exigem permissão de gravação de tela antes.

A Sim, códigos HEX abreviados funcionam perfeitamente. Nosso conversor expande #FFF automaticamente para #FFFFFF (branco). Isso vale para qualquer código de 3 caracteres, como #F06 que vira #FF0066. Os valores RGB, HSL e RGBA completos aparecem na hora. Dica: a forma curta só funciona quando cada par tem dígitos idênticos — #ABC resulta em #AABBCC.

A Com certeza. Equipes de marketing usam esta ferramenta para garantir que o mesmo vermelho #E63946 permaneça consistente em banners web, posts de redes sociais e templates de email. Cole qualquer código HEX, e o conversor fornece os valores RGB para Photoshop, RGBA para efeitos de sobreposição e HSL para ajustes de teoria das cores. Sincronize aquele único valor HEX em cada entrega, e os gradientes da sua seção hero não vão desviar nem um tom. Dica: salve os valores de saída no guia de estilo da marca para ninguém chutar uma aproximação.

A Cole seu código HEX no conversor e pegue os valores RGB. Depois, use um verificador de contraste com as cores de frente e fundo. Para texto normal abaixo de 14pt em negrito, busque uma proporção de 4,5:1 contra branco ou preto. Nossa ferramenta não calcula o contraste diretamente, mas fornece os números exatos para acelerar o processo. WCAG AA exige 4,5:1, AAA precisa de 7:1. Dica: cinzas claros como #CCCCCC falham contra branco.

A Sim, #000000 corresponde exatamente a rgb(0, 0, 0) — preto puro sem luz vermelha, verde ou azul. Mas tem um porém: monitores nunca exibem preto real por causa do vazamento da luz de fundo. Seu pixel mais escuro pode mostrar rgb(10, 10, 10) ou pior. Para telas OLED, use #000000 para aqueles pretos profundos. Em LCDs comuns, um cinza escuro como #1a1a1a muitas vezes parece mais preto que o preto puro.

A RGB dá três valores: vermelho, verde e azul. RGBA adiciona um quarto — alfa — que controla a opacidade de 0 até 1. Se você empilha elementos, como uma barra de navegação sobre uma imagem hero, o RGBA deixa o fundo aparecer. Nosso conversor mostra os dois: cole #3498DB e verá rgb(52, 152, 219) e rgba(52, 152, 219, 1). Esse 1 final significa totalmente opaco. Mas não use alfa para cores chapadas, é desperdício. Guarde para hovers ou overlays de modais. Dica prática: teste 0,7 e 0,5 e veja qual fica menos invasivo.

A Não há diferença funcional, só muda a notação. Nossa ferramenta expande #fff para #ffffff automaticamente, então você recebe os mesmos valores RGB nos dois casos. Isso funciona porque a forma abreviada duplica cada caractere: #f vira ff, #c vira cc. Mas atenção: #369 e #336699 NÃO são a mesma cor. A abreviação #369 expande para #336699, não para #036090 como você poderia imaginar. Na dúvida, use sempre o código completo de 6 dígitos para evitar surpresas.

A Não. Cole um código como #FF5733 no campo e você vê rgb(255, 87, 51) na hora, junto com HSL e RGBA. Tudo roda no navegador, sem instalar nada e sem enviar dados para servidor nenhum. Muita gente deixa essa aba aberta ao lado do Figma ou do VS Code. Dica: salve nos favoritos, porque você vai usar mais do que imagina.

A O Google não vai punir seu SEO por misturar formatos de cores na sua folha de estilos. Mas os navegadores podem demorar mais para renderizar se houver erros de sintaxe. Nossa ferramenta gera valores limpos como rgb(241, 196, 15) para evitar erros de digitação. Cole seu código de marca uma vez e pegue a string exata para o seu arquivo CSS.

A O Tailwind espera números separados por espaços como 59 130 246 em vez de vírgulas. Nossa ferramenta gera strings CSS padrão por formato. Você precisa remover essas vírgulas para usar em classes utilitárias modernas. Desenvolvedores costumam esquecer essa mudança de sintaxe ao migrar para frameworks. Pegue os dígitos brutos direto na nossa caixa de saída para evitar dores de cabeça.