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

A Código hexadecimal de 6 caracteres (#RRGGBB) para cores.

A Red Green Blue com valores 0-255 cada canal.

A Sim, você pode absolutamente. Nossa ferramenta inclui um seletor de cores integrado. Basta clicar no ícone do conta-gotas ao lado do campo de entrada HEX. Em seguida, passe o mouse sobre qualquer cor na sua tela e clique para selecioná-la. Os valores HEX e RGB serão atualizados instantaneamente, geralmente em milissegundos, para uso imediato em seus designs.

A HEX e RGB são modelos de cor para telas, não para impressão. Seu monitor usa luz RGB, enquanto impressoras usam tinta CMYK. Aquele azul #3B82F6 será vibrante na tela, mas opaco no papel. Nossa ferramenta exibe os valores digitais exatos, mas para projetos impressos você precisará de uma conversão CMYK separada. Dica: sempre prove as cores no dispositivo de saída real antes de finalizar.

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.