Gerador de paleta de cores de imagem
Extraia uma paleta prática de cores dominantes de uma imagem e copie valores HEX, RGB, CSS ou JSON.
Até 20 MiB e 40 milhões de pixels por imagem. Folhas de contatos aceitam 2–50 imagens, até 100 MiB no total. Os ícones encaixam a imagem inteira em um quadrado com preenchimento transparente.
Por que esta ferramenta existe
De cinco a oito amostras costumam formar uma paleta de trabalho útil.
- ✓ 3–10 cores
- ✓ HEX/RGB
- ✓ variáveis CSS
- ✓ JSON
Útil para
- • inspiração de marca
- • design de interface
- • temas de apresentação
Transforme uma foto em uma paleta de cores utilizável
Uma paleta é mais útil quando ajuda em uma decisão de design real: escolher cores de interface, destaques de apresentação ou um pequeno conjunto de amostras inspiradas na marca.
Use as cores dominantes como ponto de partida
Paletas de fotos dão mais peso às cores que ocupam mais pixels. Isso as torna úteis como inspiração, mas não automaticamente adequadas como paleta de interface acessível.
Copie os valores HEX ou RGB para sua ferramenta de design e teste o contraste separadamente antes de usá-los em textos ou controles.
Mantenha a paleta pequena
Algumas cores são mais fáceis de usar que um mural de amostras quase idênticas. Comece com um conjunto compacto e acrescente um destaque especial só quando o design precisar.
Perguntas frequentes
Quantas cores uma paleta de foto deve ter?
Uma paleta pequena costuma ser mais fácil de usar. Seis cores é um bom ponto de partida, e mais cores ajudam quando a imagem tem várias áreas visuais distintas.
As cores extraídas são acessíveis para interfaces?
Não automaticamente. Teste o contraste de textos e controles separadamente antes de usar as cores extraídas em uma interface.
Posso obter valores HEX?
Sim. A ferramenta de paleta fornece valores de cor adequados para CSS e fluxos de design.
Por que algumas cores da paleta parecem um pouco diferentes?
A extração agrupa cores de pixels próximas para reduzir ruído, então as amostras exibidas são representativas, não um registro de cada pixel original.