Extrator de Cores de Imagem Extraia uma paleta completa de cores com cores dominantes e de destaque de qualquer imagem carregada.

O extrator usa a API do Canvas para ler os dados dos pixels das imagens carregadas. A imagem é dimensionada para um máximo de 200×200 para melhorar o desempenho, então cada pixel é quantizado arredondando os valores RGB para o múltiplo mais próximo de 16. Esse agrupamento reúne cores semelhantes. As cores quantizadas são contadas por frequência, ordenadas da mais comum para a menos comum e filtradas para remover as cores que são muito semelhantes (distância euclidiana < 60 no espaço RGB). Essa abordagem é uma versão simplificada do algoritmo de corte mediano. O método getImageData() do Canvas fornece valores RGBA para cada pixel, que são processados inteiramente em JavaScript. Imagens maiores são dimensionadas para baixo porque a qualidade da extração de cores não melhora significativamente além da resolução de ~200px para fins de paleta e as imagens menores são processadas muito mais rápido.