Extrator de Paletas

Solte uma foto, pintura, captura de tela ou imagem de moodboard; obtenha de volta as 5–10 cores dominantes com valores HEX. Construa paletas a partir da sua fotografia de marca, amostre tons de uma pintura favorita ou extraia as cores de um pôr do sol para um sistema de design que combina com o papel de parede.

Como a extração funciona

A ferramenta agrupa cada pixel da imagem por semelhança de cor (k-means no espaço CIE Lab, que aproxima como os humanos percebem a diferença de cor). Os centros dos grupos tornam-se suas cores dominantes. Você escolhe a quantidade de grupos (5 por padrão; até 10 para imagens mais ricas).

O agrupamento no espaço Lab é importante: fazê-lo em RGB bruto dá duplicatas visualmente semelhantes e perde distinções sutis de matiz que o olho capta. O Lab corresponde à percepção humana, então a paleta parece correta.

O que você obtém

• 5 (ou 10) amostras HEX classificadas por área coberta.
• RGB e HSL para cada cor.
• Download da amostra de paleta como PNG (para compartilhar) ou SVG (para arquivos de design).
• Trecho de variáveis CSS pronto para colar na sua stylesheet.
• Trecho de configuração Tailwind pronto para tailwind.config.js.

Fluxos de trabalho comuns

1. Paleta de marca a partir de fotografia de produto. Carregue sua imagem principal; construa a marca a partir desses tons.
2. Tema de UI que combina com papel de parede. Extraia do seu papel de parede favorito; use a paleta como tema do seu app.
3. Referência de pintura para arte digital. Amostre a paleta do mestre antes de pintar sua própria cena.
4. Síntese de moodboard. Combine várias referências em uma paleta extraindo de cada uma e mesclando as favoritas.

Combine com ferramentas relacionadas

Depois de ter uma paleta, crie gradientes entre cores adjacentes com o Gradient Generator, ou converta para CMYK pronto para impressão com o Color Converter. Para selecionar uma única cor de um ponto específico da imagem, use o Color Picker.