Obter Cores da Imagem

Ele usa uma técnica chamada quantização por corte mediano: trata a cor de cada pixel como um ponto no espaço 3D vermelho/verde/azul, divide repetidamente o grupo mais populoso de cores ao meio ao longo do canal de cor que mais varia dentro dele, e uma vez que tem tantos grupos quanto cores solicitadas, calcula a média de cada grupo em uma cor representativa. Grupos com mais pixels vêm primeiro nos resultados, então a paleta reflete quanto da imagem cada cor realmente cobre.

Calcular a média de tudo de uma vez misturaria uma foto com áreas vermelhas e azuis distintas em um roxo turvo que não aparece em lugar nenhum no original. Ao dividir o espaço de cores em grupos separados antes de calcular a média, cada grupo contém apenas cores semelhantes, então áreas vermelhas e áreas azuis permanecem representadas como suas próprias entradas de paleta separadas e reconhecíveis em vez de se cancelarem mutuamente.

Se essa cor cobrir apenas uma pequena área da imagem, ela pode acabar dobrada em um grupo maior e mais dominante em vez de obter seu próprio espaço, especialmente em contagens de cores mais baixas. Aumentar o número de cores solicitadas dá às áreas de cor pequenas ou sutis uma chance melhor de serem separadas em sua própria entrada de paleta.

A imagem é primeiro reduzida para uma cópia de trabalho menor antes da análise, já que a extração de paleta só precisa de uma amostra representativa de cores, não de cada pixel, e isso mantém a ferramenta rápida mesmo em fotos grandes. Isso não afeta a imagem em si, apenas a análise, nada é enviado e o arquivo original nunca é modificado.

Sim, clique em "Copiar como variáveis CSS" para copiar a paleta como propriedades personalizadas prontas para colar --color-1 até --color-N, ou "Copiar como lista HEX" para uma lista simples de códigos hex.