Conversor de HEX para RGB
Converta cores entre HEX, RGB e HSL.
Usar em qualquer página (bookmarklet)
Quer usar Conversor de HEX para RGB sem sair da página em que está? Arraste o botão abaixo para a sua barra de favoritos e clique nele em qualquer site para abrir Conversor de HEX para RGB ali mesmo — roda inteiramente no seu navegador.
Use com responsabilidade: Um bookmarklet roda na página em que você o clica. Evite sites sensíveis como bancos online, pagamentos ou saúde — você o usa por sua conta e risco. Tudo é processado localmente e nenhum dado é enviado. Veja nossos Termos.
- Mostre a barra de favoritos se estiver oculta — Ctrl+Shift+B (⌘+Shift+B no Mac).
- Arraste o botão acima para a barra de favoritos.
- Abra qualquer site e clique no favorito — o painel do Conversor de HEX para RGB aparece no canto superior direito. Use ✛ para trocar de canto e ›/‹ para recolhê-lo na borda e puxá-lo de volta.
- Clique no favorito de novo (ou no ✕) para fechar.
Obs.: alguns sites com políticas de segurança rígidas podem bloquear bookmarklets.
Exemplos
HEX → RGB e HSL
Entrada
#3B82F6
Saída
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB → HEX
Entrada
rgb(255, 99, 71)
Saída
#FF6347 · hsl(9, 100%, 64%)
Sobre esta ferramenta
Este conversor de cor online e gratuito traduz cores entre HEX, RGB e HSL. Digite um valor em qualquer um dos três formatos — ou use o seletor de cor, ou o conta-gotas para capturar uma cor de qualquer lugar da sua tela (Chrome e Edge) — e os outros formatos se atualizam na hora ao lado de uma amostra ao vivo. Aceita hex abreviado e de 8 dígitos, além da notação rgb() e hsl(). Tudo roda no seu navegador sem upload.
Como usar
- Digite uma cor HEX, RGB ou HSL (ou escolha uma com a amostra).
- Leia os valores convertidos dos três formatos.
- Copie o formato que você precisa.
Usos comuns
Converter tokens de design entre formatos, combinar cores de marca em CSS, traduzir um código hex de um mockup para rgb() ou hsl() e ajustar luminosidade e saturação via HSL.
Perguntas frequentes
Como converto HEX para RGB?
Cole uma cor hex como #3B82F6 e a ferramenta mostra na hora o equivalente rgb(59, 130, 246) e os valores hsl, com uma amostra de cor ao vivo.
Ele converte RGB e HSL de volta para HEX?
Sim. Digite qualquer valor rgb() ou hsl() e você obtém o HEX, RGB e HSL correspondente — a conversão funciona em todas as direções.
Este conversor de cor é grátis?
Sim — é um conversor online de HEX, RGB e HSL totalmente gratuito, sem cadastro.
Ele suporta abreviado e hex de 8 dígitos?
Sim. Aceita códigos hex de 3 dígitos (#abc), 4, 6 e 8 dígitos; qualquer canal alfa é ignorado na saída RGB/HSL.
Posso escolher uma cor visualmente?
Sim. Use o seletor de cor integrado para escolher uma cor, e os valores HEX, RGB e HSL se atualizam automaticamente.
Posso capturar uma cor de uma imagem ou de qualquer lugar da tela?
Sim, no Chrome e no Edge. Clique no botão Conta-gotas (ou execute o bookmarklet em qualquer página) e seu cursor vira um seletor — clique em qualquer pixel de uma imagem, site ou outra janela para capturar a cor hex. O conta-gotas não está disponível no Firefox nem no Safari, então o botão só aparece onde há suporte.
Meus dados são enviados para algum lugar?
Não. Toda a conversão acontece no seu navegador sem upload.
Ferramentas relacionadas