Extraia uma paleta de cores de uma imagem

A paleta enfatiza as cores visíveis dominantes em vez de listar cada valor de pixel. Pixels semelhantes são agrupados e as cores representativas são classificadas por frequência, o que torna o resultado prático para temas, referências, ilustrações e exploração de design. Fundos grandes geralmente ficam acima de pequenos destaques, mesmo quando o destaque atrai mais atenção humana. O resultado é um resumo da imagem, não um inventário completo de cores nem um sistema de design pronto. Use a pré-visualização e a imagem de origem juntas ao escolher quais amostras manter.

Pixels totalmente transparentes são ignorados porque não contribuem com uma cor visível de origem. Pixels semitransparentes ainda podem influenciar o resultado representativo conforme sua cor armazenada e visibilidade. Um logotipo criado para um fundo escuro pode, portanto, gerar amostras que parecem diferentes quando visualizado em fundo branco. Se a paleta final for usada em um fundo específico, faça a composição ou a pré-visualização da imagem nesse contexto primeiro e depois verifique o contraste e as cores das bordas antes de atribuir papéis à paleta.

O extrator classifica as cores pela área que ocupam na imagem depois de agrupar tons semelhantes. A atenção humana também é influenciada por contraste, saturação, importância do assunto, rostos e contexto, portanto um pequeno destaque brilhante pode parecer mais proeminente do que uma grande parede em tom suave, mesmo que apareça menos na frequência de pixels. Gradientes, sombras, iluminação, ruído de compressão, anti-aliasing e muitos tons quase idênticos podem deslocar as cores representativas. Trate o resultado como um ponto de partida medido e ajuste-o conforme o objetivo de design.

Comece atribuindo funções em vez de usar cada amostra extraída igualmente. Escolha um fundo, uma cor de texto principal, uma cor de superfície, um destaque principal e, opcionalmente, um destaque secundário. Remova tons quase duplicados e ajuste a luminosidade ou a saturação quando a imagem não oferecer separação suficiente. Teste texto e elementos gráficos essenciais com um verificador de contraste, verifique a paleta em escala de cinza e pré-visualize componentes reais em vez de amostras de cor isoladas. Uma foto atraente pode conter cores que funcionam juntas em termos pictóricos, mas que falham quando usadas em textos pequenos ou controles.

Escolha uma imagem representativa do clima, da iluminação e do assunto que você quer que a paleta expresse. Corte bordas irrelevantes, capturas de tela, marcas d'água ou fundos grandes quando estes não devem dominar. Prefira uma origem sem forte dominante de cor, filtros pesados, artefatos de compressão ou iluminação mista, a menos que esses efeitos sejam intencionais. Edições diferentes da mesma foto podem gerar paletas diferentes. Para um projeto consistente, extraia de uma imagem de referência controlada, documente os valores HEX escolhidos e teste-os em telas e provas de impressão.