Extrair Paleta
de Cores da Imagem
Descubra as cores de qualquer imagem e pegue os códigos HEX, RGB e HSL com um clique. Grátis e sem enviar arquivos.
Solte uma imagem aqui ou clique para enviar
PNG, JPG, WebP
Como funciona
Envie a imagem
Solte ou escolha qualquer imagem PNG, JPG ou WebP.
Extraia as cores
As cores predominantes são detectadas por análise de pixels, tudo no seu navegador.
Copie e baixe
Clique em qualquer valor para copiar, ou baixe a paleta completa em PNG.
Extraia a paleta de cores de uma imagem online e identifique as cores dominantes para branding, design de sites ou moodboards. A ferramenta de paleta de cores do ConverterUp analisa qualquer foto e devolve as oito cores mais representativas com códigos HEX, RGB e HSL prontos para copiar. Designers montam uma paleta a partir de uma foto de produto, ilustradores tiram amostras de referências e desenvolvedores descobrem a cor de uma imagem ou de um print de tela. Tudo é processado no navegador com um algoritmo de agrupamento de cores, então prints privados e ilustrações inéditas nunca são enviados para um serviço externo.
Como funciona a extração da paleta
O extrator usa agrupamento k-means (com inicialização k-means++) em uma cópia reduzida da imagem. Pixels parecidos são reunidos em oito grupos, e o centro de cada grupo vira uma cor da paleta, junto com a porcentagem da imagem que ela ocupa. O resultado valoriza a cobertura, não a vivacidade — áreas grandes e neutras (céu, paredes, pele) tendem a aparecer antes de detalhes pequenos e saturados.
Se você prefere as cores vivas em vez das dominantes, corte a imagem na região que tem essas cores antes de extrair — por exemplo, só o logo ou o produto, sem o fundo.
Cada pixel é processado no seu navegador, então a imagem nunca chega a um servidor. Isso é importante quando você analisa fotos de produto ainda não lançadas, mockups internos ou prints com informações sensíveis.
Usos: identidade visual, temas de interface e moodboards
Identidade visual: solte uma foto principal, um print da home de um concorrente ou um render de produto e extraia as cores que sustentam a marca. Copie os códigos HEX direto para os estilos do Figma ou para a config do Tailwind.
Tema de interface a partir de um print: desenvolvedores escolhem cor primária, secundária e de destaque de qualquer mockup em poucos cliques, sem ficar caçando pixel com conta-gotas.
Moodboards e design editorial: fotógrafos e ilustradores criam paletas coerentes a partir de uma imagem de referência, copiam os códigos para o InDesign, Photoshop ou Procreate, ou baixam a paleta como imagem PNG.
Acessibilidade: passe as cores extraídas em um verificador de contraste antes de fixá-las no design system. Uma paleta bonita sobre uma foto de destaque muitas vezes reprova no WCAG quando vira texto sobre fundo claro.
HEX, RGB ou HSL: qual código de cor copiar
HEX (#2DD4BF) é o mais compacto e universal — CSS, ferramentas de design, manuais de marca e Tailwind aceitam. Na dúvida, use HEX.
RGB (rgb(45, 212, 191)) é melhor quando você precisa de transparência com rgba(), ou quando trabalha com bibliotecas de imagem que usam canais de 0 a 255.
HSL (hsl(172, 66%, 50%)) descreve a cor em termos humanos — matiz, saturação, luminosidade — e é o mais fácil de editar. Gire o matiz em 30° para uma cor análoga ou baixe a luminosidade em 10% para um tom mais escuro, sem sair do formato.
Perguntas frequentes
Como descobrir a cor de uma imagem?
Envie a imagem e a ferramenta mostra as cores dominantes com o código HEX, RGB e HSL de cada uma. Clique na cor para copiar o código. Para uma área específica, corte a imagem antes para deixar só aquela região.
Quantas cores a paleta tem?
Oito cores, em ordem de quanto da imagem cada uma ocupa, com a porcentagem ao lado de cada amostra.
Minhas imagens são enviadas para algum lugar?
Não. A imagem é decodificada pelo navegador, reduzida na memória e analisada localmente. O ConverterUp nunca recebe o arquivo nem a paleta.
Quais formatos de imagem posso analisar?
PNG, JPG/JPEG e WebP. Para melhores resultados, use uma imagem limpa, sem marca d'água pesada, porque textos sobrepostos podem virar uma cor separada.
Dá para extrair a paleta de um print de tela?
Sim. Salve o print como PNG ou JPG e solte na ferramenta. Imagens de URLs externas precisam ser baixadas antes, por causa das restrições de segurança do navegador.
Posso usar a paleta no Figma ou no Tailwind?
Sim. Clique em qualquer código HEX, RGB ou HSL para copiar e cole no Figma, na config do Tailwind ou no CSS. Você também pode baixar a paleta inteira como imagem PNG para compartilhar ou usar em um moodboard.