Guia do Extrator de Paleta

Extraia paletas de cores dominantes de imagens JPG, PNG, WebP, AVIF, GIF, BMP ou TIFF. Obtenha códigos HEX e RGB para cada cor. Toda a extração é executada localmente no seu navegador — sem uploads para servidores.

O que você precisa

Navegador — Chrome, Firefox, Safari ou Edge com suporte a OffscreenCanvas Formatos — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP ou TIFF Limite — 20 MB por arquivo (qualquer arquivo que exceda 20 MB será rejeitado) Conta — Não é necessária Internet — Não é necessária após o carregamento da página

Extraindo sua paleta

Abra o Gerador de Paleta no seu navegador. Arraste seu arquivo de imagem do explorador de arquivos e solte-o na zona de upload. Alternativamente, clique na área de upload para selecionar o arquivo do seu dispositivo.

Verifique se o arquivo está abaixo do limite de 20 MB antes de enviar — arquivos que excedem esse limite serão rejeitados. Selecione quantas cores extrair: 5, 8, 10 ou 12. Menos cores produzem paletas mais limpas e utilizáveis.

Mais cores capturam variações sutis, mas podem incluir pequenas diferenças que não são visualmente distintas. Clique no botão de extração. O algoritmo de quantização processa os dados de pixel da imagem no seu navegador.

Ele agrupa pixels por similaridade de cor usando o agrupamento k-means e calcula a cor média para cada grupo. Nenhum dado é transmitido pela rede. Revise a paleta extraída.

Cada cor é exibida como uma amostra visual com seu código HEX e valores RGB. Clique em qualquer código de cor para copiá-lo para sua área de transferência. Use esses códigos em seus projetos de design, CSS ou impressão.

Como funciona

O Gerador de Paleta usa um elemento OffscreenCanvas e um algoritmo de quantização de cores para extrair cores dominantes. Quando você envia uma imagem, o navegador a lê diretamente na memória via File API — nenhum upload de servidor ocorre.

O libvips cria uma tela fora da tela usando OffscreenCanvas e desenha sua imagem em sua resolução nativa usando drawImage. Em seguida, ele lê os dados de pixel como uma matriz RGBA usando getImageData, que retorna um Uint8ClampedArray contendo valores de vermelho, verde, azul e alfa para cada pixel na imagem. Para uma imagem de 1920x1080, isso produz aproximadamente 8 milhões de valores de cor individuais.

O algoritmo de quantização agrupa pixels por similaridade de cor usando o agrupamento k-means. Ele inicializa k centros de grupo (onde k é igual ao tamanho da paleta selecionado), então atribui iterativamente cada pixel ao centro de grupo mais próximo com base na distância euclidiana no espaço RGB. Após cada passagem de atribuição, ele recalcula cada centro de grupo como a média matemática de todos os pixels naquele grupo.

Este processo se repete até que os centros se estabilizem ou uma contagem máxima de iterações seja atingida. O resultado é um conjunto de cores representativas que capturam a identidade visual da imagem.

Cada cor é exibida como uma amostra visual com seu código HEX e valores RGB. O libvips amostra a cor central exata de cada grupo, garantindo que a amostra exibida represente com precisão a média matemática de todos os pixels naquele grupo.

Os arquivos são processados inteiramente dentro do seu navegador usando OffscreenCanvas. Eles nunca são enviados para os servidores da ConvertCraft.

Quando algo dá errado

A imagem falha ao carregar: Sua imagem excede o limite de 20 MB. O OffscreenCanvas opera dentro de limites rígidos de memória. Processar imagens maiores que 20 MB requer buffers de pixel descompactados massivos na RAM, o que pode travar a aba do navegador.

A paleta contém cores semelhantes: A imagem tem variações de cor sutis que o algoritmo trata como grupos distintos. Reduza o tamanho da paleta para obter menos cores, porém mais distintas.

As cores não correspondem ao que vejo: O algoritmo extrai médias matemáticas. Diferenças perceptuais entre cores podem não se alinhar com a percepção visual. Tente um tamanho de paleta diferente ou use a ferramenta conta-gotas em pixels específicos.

A paleta é composta principalmente por uma cor: Sua imagem é dominada por uma única cor. O algoritmo representa fielmente a distribuição de cores da imagem. Tente uma imagem diferente com mais variedade de cores.

### Quantas cores posso extrair?

A ferramenta suporta a extração de 5, 8, 10 ou 12 cores. Menos cores produzem paletas mais limpas. Mais cores capturam variações sutis, mas podem incluir pequenas diferenças que não são visualmente distintas.

### Posso extrair cores de uma região específica?

A versão atual analisa a imagem inteira. Para extrair cores de uma região específica, recorte a imagem primeiro usando o Conversor de Imagem ou uma ferramenta de corte dedicada, depois envie a versão recortada.

### É seguro extrair cores de imagens privadas?

Sim. Os arquivos são processados inteiramente dentro do seu navegador usando OffscreenCanvas. Eles nunca são enviados para os servidores da ConvertCraft.

Seus dados de imagem nunca saem do seu computador, tornando-os totalmente seguros contra interceptação de rede ou registro no lado do servidor.