Seletor de cores e extrator de paleta de imagem

O que é Seletor de cores e extrator de paleta de imagem?

O Seletor de Cores de Imagem é um extrator de paletas online e gratuito que retira as cores dominantes e a cor média de qualquer imagem direto no seu navegador. Designers, desenvolvedores front-end e qualquer pessoa que esteja construindo uma marca ou um moodboard podem arrastar uma foto, um logotipo ou uma captura de tela e obter uma paleta HEX em segundos. Ele lê os pixels da imagem com o getImageData do canvas HTML, quantiza-os em grupos de cor e os classifica pela frequência com que cada cor aparece, de modo que as mais usadas sobem ao topo. Você define o tamanho da paleta (quantas cores dominantes, de 2 a 12), e cada cor é exibida como uma amostra com um valor HEX copiável ao lado da cor média geral da imagem.

Como usar Seletor de cores e extrator de paleta de imagem

1. Arraste e solte uma imagem na área de soltar, ou clique nela para escolher um arquivo (PNG, JPEG, WebP ou qualquer outra imagem que seu navegador consiga abrir) do seu dispositivo.
2. Ajuste o campo Tamanho da paleta para quantas cores dominantes você quer, de 2 até 12.
3. Veja a linha Cor média para a única média mesclada de toda a imagem, mostrada com seu valor HEX.
4. Veja a lista Cores dominantes, ordenada da cor mais comum para baixo, cada uma com sua amostra e seu valor HEX.
5. Clique no botão de copiar ao lado de qualquer cor para copiar esse valor HEX para a área de transferência.

Exemplos

Perguntas frequentes

Quais formatos de imagem posso usar?

Qualquer imagem que seu navegador consiga abrir (a área de soltar aceita image/*), incluindo PNG, JPEG e WebP. A imagem é desenhada em um canvas HTML e seus pixels são lidos localmente para extrair as cores.

Como as cores dominantes são escolhidas?

A ferramenta lê os pixels da imagem, agrupa cores semelhantes em grupos e classifica os grupos pela quantidade de pixels que cai em cada um. Os principais grupos se tornam suas cores dominantes, mostradas da mais comum primeiro, cada uma como a cor média do seu grupo.

Quantas cores posso extrair?

Você ajusta o Tamanho da paleta entre 2 e 12 cores dominantes. A cor média geral de toda a imagem é sempre mostrada separadamente, além dessa lista.

Por que as cores podem diferir um pouco da imagem original?

Por questões de velocidade, imagens grandes são reduzidas antes da leitura e cores semelhantes são agrupadas, então cada amostra é a média de um grupo, e não um pixel exato. O resultado é uma paleta representativa fiel, em vez de uma amostragem de cor pixel a pixel.

Minha imagem é enviada para algum lugar?

Não. A imagem é processada 100% no seu navegador com o canvas HTML. Ela nunca é enviada para o deftdeck nem para nenhum servidor, então a ferramenta funciona offline e mantém sua imagem privada.