Extrator de Paleta de Cores

Faça upload de uma imagem para extrair suas cores dominantes. Obtenha códigos HEX para cada amostra, copie com um clique. Tudo roda no seu navegador.

Como o Extrator de paleta de cores funciona

O Extrator de Paleta de Cores analisa sua imagem e identifica as cores visualmente mais dominantes usando um algoritmo de agrupamento k-means executado contra os dados de pixel em um Canvas. O resultado é um conjunto de amostras de cores com seus valores HEX que você pode copiar individualmente. Nenhum byte de imagem sai do seu navegador; a amostragem de pixels é executada localmente em um Web Worker para que a thread principal permaneça responsiva.

A extração agrupa os centenas de milhares de cores individuais de pixels em um número menor de clusters representativos. O número de cores de saída é configurável para que você possa extrair uma paleta compacta de cinco cores ou um conjunto mais amplo de doze. Isso é útil para extrair rapidamente as cores de marca de um logo, identificar os tons dominantes de uma fotografia para um quadro de humor, ou verificar quais cores aparecem em uma imagem enviada por um usuário.

Escrito por Bastien Sulyan

Como usar o Extrator de paleta de cores, passo a passo

Arraste sua imagem para a área de upload ou clique para navegar.
Defina o número de cores que deseja extrair (tipicamente 5 a 12).
Clique em Extrair. O agrupamento de pixels é executado localmente em um Web Worker.
Veja as amostras de cores resultantes e seus valores HEX.
Clique em qualquer amostra para copiar seu código HEX para a área de transferência.

Casos de uso comuns

Um designer extrai a paleta dominante de uma fotografia de marca para garantir que novos materiais de marketing correspondam à história de cores existente.
Um desenvolvedor identifica as principais cores em um avatar enviado pelo usuário para gerar uma cor de destaque de interface correspondente de forma dinâmica.
Um artista constrói um quadro de humor de referência extraindo paletas de várias imagens de referência e comparando os códigos HEX extraídos.
Um blogueiro extrai os cinco tons dominantes de uma foto de cabeçalho para escolher cores complementares de texto e botões para um layout de publicação.

Perguntas frequentes

Como funciona o algoritmo de extração de cores?

A ferramenta lê todos os valores de pixel da imagem via Canvas.getImageData(), faz uma subamostragem para velocidade e executa o agrupamento k-means. Cada centroide de cluster se torna uma das cores de saída. O k-means agrupa pixels por proximidade de cor para que os tons visuais dominantes apareçam como as cores de centroide.

A extração de cores requer o upload da imagem?

Não. A amostragem de pixels acontece dentro de um Web Worker no seu navegador. A imagem é lida do seu disco local, desenhada em um OffscreenCanvas e o array de pixels é processado na memória. Os dados não saem do seu dispositivo.

Por que as cores extraídas parecem ligeiramente diferentes do que vejo na imagem?

Os centroides k-means representam a média matemática de um cluster de cores de pixel. Uma cor muito comum mas ligeiramente variada (um céu azul com leves variações de gradiente) produzirá um centroide que é o tom médio em vez de qualquer valor de pixel exato que você possa apontar. O resultado é uma média representativa, não uma amostra de um pixel específico.

Posso extrair paletas de fotos com transparência?

Pixels totalmente transparentes (alfa = 0) são excluídos do agrupamento para evitar que a região transparente influencie as cores extraídas em direção ao preto ou branco dependendo do preenchimento de fundo do Canvas. Pixels semi-transparentes são incluídos na amostra ponderados pelo seu valor alfa.

Em qual formato estão os códigos de cores?

A ferramenta produz códigos HEX (como #3A7BD5). Se precisar de RGB, HSL ou outros formatos, copie o valor HEX para a ferramenta Conversor de Cores, que aceita HEX e converte para todos os modelos de cores comuns.

Ferramentas relacionadas

Mantenha tudo local, explore ferramentas complementares.

Todas as ferramentas de imagem