O que a ferramenta faz
A ferramenta extrai uma paleta de cores de uma imagem localmente no navegador. Ela mostra HEX, RGB e HSL e permite copiar uma cor, a linha da paleta ou variáveis CSS para design, sites e materiais de marca.
Como usar
- Envie um JPG, PNG, WebP ou outro formato de imagem suportado pelo navegador.
- Escolha o número de cores e a precisão da análise.
- Copie uma única cor, a paleta completa ou variáveis CSS.
Como as cores são escolhidas
A ferramenta reduz a imagem para um tamanho seguro, lê os pixels via Canvas e agrupa tons próximos em conjuntos de cor. Os grupos mais visíveis formam a paleta, enquanto tons muito parecidos são mesclados para que o resultado seja útil no design, não uma lista de cores quase iguais.
A precisão da análise muda velocidade e detalhamento. O modo rápido serve para fotos grandes e rascunhos; uma análise mais precisa ajuda quando pequenos acentos, cores de marca ou ilustrações complexas importam.
Usando a paleta no design
Cada cor aparece em HEX, RGB e HSL, então fica fácil levar a paleta para Figma, CSS, uma apresentação ou um guia de marca. Você pode copiar uma cor, a linha completa da paleta ou variáveis CSS prontas.
Se o fundo domina a imagem, inclua ou exclua-o conforme a tarefa. Em um card de produto, o fundo muitas vezes é ruído; em um moodboard ou capa, ele pode fazer parte do clima visual.
Limites e privacidade
A imagem não é enviada para um servidor: a análise roda no navegador. Isso é útil para mockups de clientes, referências e materiais internos que você não quer mandar para serviços externos.
A paleta é uma aproximação, não uma medição de cor certificada. Gradientes, ruído, transparência, compressão JPEG e perfis de tela podem afetar o resultado; para impressão ou controle rígido de marca, use as especificações originais.