Seletor e extrator de cores – ferramenta online grátis
Nosso extrator de cores online gratuito permite escolher qualquer cor de uma foto com um clique — sem necessidade de instalar software e sem necessidade de conta. Envie sua imagem, passe o mouse para ampliar, clique em qualquer pixel para ver instantaneamente seus valores HEX, RGB, HSL e HSV, depois gere uma paleta de cores completa a partir da cor escolhida. Baixe os resultados a qualquer momento.
Como escolher cores de uma foto
1
Enviar sua imagem
Solte uma foto no painel, clique em Enviar foto, ou cole com Ctrl + V. Compatível com JPEG, PNG, WebP, HEIC e GIF.
2
Clique para escolher uma cor
Passe o cursor sobre a imagem para dar zoom com a lupa, depois clique em qualquer ponto para capturar a cor desse pixel. Os valores HEX, RGB, HSL e HSV aparecem instantaneamente.
3
Copiar ou gerar uma paleta
Clique em qualquer campo de valor para copiá-lo para a área de transferência, salvar cores para usar depois, ou gerar uma paleta de cores completa e exportá-la como variáveis CSS ou uma tira de amostras em PNG.
Principais recursos
- Quatro formatos de cor – veja e copie a cor selecionada em HEX, RGB, HSL e HSV com um único clique em qualquer campo de valor.
- Lupa com precisão de pixel – uma lente de zoom circular segue o cursor para que você possa identificar exatamente o pixel que deseja.
- 8 tipos de paleta – gere paletas do tipo Análoga, Complementar, Triádica, Tetrádica, Complementar Dividida, Monocromática, Sombras ou Tintas, com 3–10 amostras.
- Opções de exportação – copie todos os códigos HEX da paleta de uma vez, baixe uma tira de amostras em PNG, ou exporte a paleta como propriedades personalizadas do CSS (
:root variáveis).
- Cores salvas – salve qualquer cor em um painel pessoal de cores salvas armazenado no seu navegador; apague-as quando quiser.
- Suporte a HEIC – fotos de iPhone em formato HEIC/HEIF são convertidas automaticamente antes da seleção de cor.
- Funciona totalmente no seu navegador – suas fotos nunca são enviadas para nenhum servidor.
- Grátis e ilimitado – sem cadastro, sem marcas d'água, sem limites.
O que é um extrator de cores?
Um extrator de cores (ou seletor de cores de imagem) é uma ferramenta que lê a cor exata de qualquer pixel de uma fotografia e a converte em códigos de cor padrão usados em design e desenvolvimento. Em vez de estimar uma cor a olho nu ou inserir valores manualmente, basta clicar no ponto que interessa e a ferramenta faz a conversão para você — dos valores RGB brutos exibidos na sua tela até as representações HSL e HSV usadas em fluxos de trabalho de design gráfico.
O gerador de paletas de cores vai um passo além: depois de escolher uma cor base, ele aplica a teoria das cores para produzir esquemas de cores harmoniosos, prontos para usar diretamente em CSS, Figma ou qualquer ferramenta de design.
Usos comuns
- Extração de cor da marca – extraia códigos HEX exatos de um logotipo ou foto da marca para usar de forma consistente em um site ou sistema de design.
- Design de web e UI – combine cores com uma imagem de produto ou foto principal para que o layout pareça coeso.
- Geração de paleta – comece com uma única cor-chave e crie um esquema complementar ou análogo completo para um projeto.
- Impressão e ilustração – faça amostragem de fotos de referência para encontrar valores RGB precisos antes de misturar tinta ou configurar um perfil de impressão.
- Temas em CSS – exporte as variáveis da paleta diretamente em um
:root bloco para colar diretamente em uma folha de estilos.
Perguntas frequentes
Sim, a ferramenta é 100% gratuita e sem limites de uso. Você não precisa criar uma conta nem fornecer nenhuma informação de pagamento.
Não. Todo o processamento é feito inteiramente dentro do seu navegador usando a API HTML5 Canvas. Sua imagem nunca é enviada a nenhum servidor, portanto sua privacidade está totalmente protegida.
A ferramenta mostra a cor selecionada em quatro formatos simultaneamente: HEX (por exemplo, #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), e HSV (hsv(216, 73%, 84%)). Clique em qualquer campo para copiá-lo instantaneamente.
Enquanto você move o cursor sobre a imagem, uma lupa circular aparece perto do cursor mostrando uma visão ampliada dos pixels ao redor. Isso facilita identificar e clicar exatamente no pixel que você quer, especialmente em fotos com detalhes finos ou transições de cor sutis.
Clique em qualquer pixel da sua imagem para definir uma cor base, depois role para baixo até a Paleta de cores seção. Escolha um tipo de paleta (Análoga, Complementar, Triádica, etc.) e arraste o controle deslizante de quantidade para selecionar 3–10 amostras. A paleta é atualizada instantaneamente. Use Copiar cores, Baixar PNG, ou Exportar CSS para usar o resultado.
Exportar CSS copia um :root { } bloco contendo cada cor da paleta como uma propriedade personalizada do CSS (por exemplo, --color-1: #3a7bd5;). Você pode colar isso diretamente na sua folha de estilos e referenciar as variáveis em todo o seu projeto.
Sim. Os arquivos HEIC e HEIF são convertidos automaticamente para JPEG no seu navegador antes da imagem ser exibida. Um indicador de carregamento aparece durante a conversão e nenhum arquivo é enviado aos nossos servidores.