Color Palette
Extractor
Upload any image and extract its dominant colors. Get HEX, RGB, and HSL values with one click.
Drop an image here or click to upload
PNG, JPG, WebP
How It Works
Upload Image
Drop or select any PNG, JPG, or WebP image.
Extract Colors
Dominant colors are detected using pixel analysis, all in your browser.
Copy & Download
Click any color value to copy it, or download the full palette as PNG.
Extraia paletas de cores de imagens online para encontrar cores dominantes para branding, design web ou moodboards. A ferramenta de paleta de cores da ConverterUp analisa qualquer foto carregada e devolve as cores mais representativas com valores HEX, RGB e HSL prontos a copiar. Designers podem montar uma paleta a partir de uma foto de produto, ilustradores podem amostrar arte de referência e programadores podem extrair cores de tema a partir de uma captura de ecrã. A imagem é processada inteiramente no browser com um algoritmo de quantização, por isso capturas privadas e ilustrações inéditas nunca são carregadas para um serviço remoto.
Como funciona a extração de paletas
O extrator corre um algoritmo de quantização median-cut sobre os pixels da imagem. Reduz a foto para um espaço de cor manuseável, divide recursivamente ao meio os agrupamentos com maior variação e devolve o centroide de cada agrupamento final como cor representativa. O resultado privilegia a cobertura e não a vivacidade — grandes áreas esbatidas (céu, paredes, pele) tendem a ficar acima de pequenos acentos saturados.
Se preferir cores vivas em vez das dominantes, aumente a paleta para 10 a 12 cores e ignore as duas ou três primeiras entradas. Em alternativa, recorte a imagem para a zona que destaca as cores que realmente quer antes de extrair.
Cada pixel é processado localmente no browser através de um Web Worker, pelo que o algoritmo corre sem bloquear a página e a imagem nunca chega a um servidor remoto. Isso importa quando está a tirar amostras de fotos de produto inéditas, mockups internos ou capturas de ecrã com conteúdo sensível.
ToolSeo.color-palette.section1.p4
ToolSeo.color-palette.section1.p5
Casos de uso: branding, temas de UI, moodboards
Descoberta de marca: largue uma foto principal, captura da homepage de um concorrente ou um render de produto e extraia as cores que sustentam a identidade visual. Copie os valores HEX diretamente para o painel de estilos do Figma ou para um config Tailwind.
Temas de UI a partir de uma captura: programadores podem escolher uma cor primária, secundária e de destaque a partir de qualquer mockup com poucos cliques, em vez de andar a espreitar pixéis com o conta-gotas.
Moodboards e design editorial: fotógrafos e ilustradores podem construir paletas coerentes a partir de uma imagem de referência e exportar a paleta para usar em InDesign, Photoshop ou Procreate.
Validações de acessibilidade: combine as cores extraídas com um verificador de contraste antes de as fixar num design system. Uma paleta bonita sobre uma imagem hero falha muitas vezes o WCAG quando usada como texto sobre fundo claro.
ToolSeo.color-palette.section2.p5
HEX, RGB, HSL — que formato de cor copiar
HEX (#2DD4BF) é o mais compacto e universal — CSS, ferramentas de design, guias de marca e Tailwind aceitam todos hex. É a escolha por defeito na dúvida.
RGB (rgb(45, 212, 191)) é preferível quando precisa de expor um canal alfa via rgba(), ou quando trabalha com bibliotecas de processamento de imagem que operam diretamente em canais 0–255.
HSL (hsl(172, 66 %, 50 %)) descreve a cor em termos humanos — matiz, saturação, luminosidade — tornando-o o formato mais fácil de editar. Desloque o matiz em 30° para uma cor análoga, baixe a luminosidade em 10 % para uma tonalidade mais escura, tudo sem sair do formato.
ToolSeo.color-palette.section3.p4
ToolSeo.color-palette.section3.p5
ToolSeo.color-palette.section4.heading
ToolSeo.color-palette.section4.p1
ToolSeo.color-palette.section4.p2
ToolSeo.color-palette.section4.p3
ToolSeo.color-palette.section4.p4
ToolSeo.color-palette.section4.p5
ToolSeo.color-palette.section5.heading
ToolSeo.color-palette.section5.p1
ToolSeo.color-palette.section5.p2
ToolSeo.color-palette.section5.p3
ToolSeo.color-palette.section5.p4
ToolSeo.color-palette.section5.p5
Perguntas frequentes
Como é que a ferramenta escolhe as cores dominantes?
Usa um algoritmo de quantização median cut que agrupa pixels semelhantes em conjuntos e devolve o centroide de cada conjunto. O resultado dá ênfase à cobertura mais do que à vivacidade, por isso fundos esbatidos podem aparecer acima de cores de destaque.
Quantas cores devolve?
Por defeito a paleta inclui as seis cores principais. Pode ajustar entre três e doze conforme queira uma paleta de marca compacta ou um mood mais rico.
As minhas imagens são enviadas para algum lado?
Não. A imagem é descodificada pelo browser, reduzida em memória e analisada localmente. A ConverterUp nunca recebe o ficheiro nem a paleta resultante.
Que formatos de imagem posso analisar?
PNG, JPG/JPEG, WebP, AVIF, GIF e BMP. Para melhores resultados use uma imagem limpa sem marcas de água pesadas, já que sobreposições de texto podem ser captadas como uma cor à parte.
Posso extrair uma paleta de um URL ou de uma captura de ecrã?
Sim. Cole uma imagem diretamente da área de transferência com Ctrl+V (ou Cmd+V) — útil ao trabalhar com capturas de ecrã. URLs remotos têm de ser descarregados primeiro devido a restrições cross-origin do browser.
Posso exportar a paleta para Figma ou Tailwind?
Sim. Clique em Exportar e escolha JSON, variáveis CSS, config Tailwind ou um swatch Adobe .ase. O ficheiro exportado lista cada cor com a sua representação HEX, RGB e HSL para a colocar diretamente no seu design system.
ToolSeo.color-palette.q7
ToolSeo.color-palette.a7
ToolSeo.color-palette.q8
ToolSeo.color-palette.a8