Crie uma paleta a partir de qualquer foto, logo ou captura de tela
O extrator de cores de imagem encontra as cores dominantes de uma imagem e as transforma numa paleta pronta para uso. Solte uma foto de produto, a captura de tela de um concorrente, uma imagem de moodboard ou seu próprio logo e receba de 4 a 12 códigos hex que você pode copiar individualmente ou exportar em conjunto. Tudo acontece no seu navegador: o arquivo é desenhado num canvas oculto, reduzido a 256 pixels e amostrado ali. Ele nunca é enviado, então designs privados e artes inéditas ficam na sua máquina.
Como usar
- Arraste uma imagem para a área de soltar ou clique para escolher uma. Qualquer imagem legível pelo navegador funciona, incluindo JPEG, PNG, WebP, GIF e SVG.
- Mova o controle Cores entre 4 e 12 para decidir quantas amostras você quer. Menos cores dão o tema geral; mais cores capturam destaques e sombras.
- Clique numa amostra para copiar seu código hex, ou pressione Exportar para obter o conjunto completo como variáveis CSS, config do Tailwind, SCSS, JSON, Figma Tokens, Adobe ASE ou GIMP GPL.
- Cole uma cor no verificador de contraste para confirmar que ela é legível como texto, ou leve-a ao gerador de paletas para criar harmonias.
Exemplos
- Marca a partir de um logo: extraia 5 cores de um PNG do logo, exporte como Tailwind, e seus botões e títulos combinam exatamente com a marca.
- Tema a partir de uma fotografia: uma foto de pôr do sol rende um laranja quente, um roxo profundo e um neutro cor de areia — um tema completo de landing page num único passo.
- Combinar com um site existente: faça uma captura de tela de uma página que você admira e extraia a paleta para estudar como ela equilibra a cor primária com os neutros.
Dicas
- Recorte a imagem primeiro para a área que interessa; um fundo branco grande vai dominar o resultado.
- Comece com 6 cores. Aumente apenas se um destaque que você consegue ver estiver faltando.
- Cores extraídas raramente são acessíveis como texto por si só; verifique cada uma contra branco e preto antes de usá-la em textos.
- Precisa de uma paleta para um clima que você consegue descrever, mas não tem imagem? Experimente o gerador de paletas com IA.