Gerador de paleta de cores a partir de imagem
Envie uma foto e receba as cores mais usadas nela como códigos que você pode copiar. A foto fica no seu dispositivo.
Carregando a ferramenta...
Quando usar
- Tirar a cor da marca de uma foto do logo: envie, escolha 4 cores e clique em uma amostra para copiar o código HEX.
- Combinar as cores de um convite ou de uma arte para festa com a foto do tema: extraia as cores da foto e use os códigos HEX no editor que você usa.
- Montar a paleta de um site ou de slides a partir de uma foto: extraia de 6 a 8 cores de uma paisagem que combine com o clima que você quer e toque em Copiar código para ter variáveis CSS e valores HSL.
- Acertar um ponto exato: clique direto na foto, por exemplo em uma blusa ou em um produto, para ler e copiar a cor daquele pixel.
Como usar
- Envie uma foto.
- Escolha quantas cores extrair (4–10) e confira o resultado.
- Clique em uma cor para copiar o código HEX ou copie o código das variáveis CSS.
Como funciona
A foto é reduzida para no máximo 900 px em um canvas, os pixels são agrupados em faixas de cor, e as cores distintas mais comuns viram a sua paleta, com códigos HEX, RGB e HSL. Tudo acontece no navegador, sem biblioteca nem servidor, e a foto não é salva.
Em imagens sensíveis à privacidade, o processamento acontece no seu navegador, então os seus arquivos ficam no seu dispositivo e não são enviados a um servidor. Como verificar.
Perguntas frequentes
O que é um código HEX?
Um jeito de escrever uma cor com seis caracteres, como #FF5A36. É muito usado na web e em ferramentas de design.
Minha foto é enviada para algum servidor?
Não. As cores são extraídas dentro do navegador, e a foto nunca é enviada a um servidor.
Quantas cores posso extrair?
Escolha 4, 5, 6, 8 ou 10 cores. Mudar o número refaz a extração na mesma foto.
Também recebo valores RGB e HSL?
Recebe. Cada amostra mostra HEX e rgb, e a caixa de código lista variáveis CSS e valores HSL. CMYK não está disponível.
Dá para escolher um ponto exato em vez de uma média?
Dá. Clique na foto e você recebe a cor exata daquele pixel em HEX, copiada para a área de transferência.
Que tipos de imagem posso usar?
Qualquer imagem que o navegador consiga abrir, como JPG, PNG ou WebP. A foto é processada na página e não é enviada.
Dá para baixar a paleta como imagem ou arquivo de amostras?
Não. A ferramenta mostra as cores como amostras clicáveis e lista tudo em uma caixa de código, e “Copiar código” copia esse texto (variáveis CSS e valores HSL). Não há exportação de imagem nem de arquivo de amostras, então cole os códigos no seu programa de design ou tire uma captura de tela das amostras.
Dá para juntar as cores de duas fotos em uma paleta?
Não em uma etapa só. A ferramenta lê uma foto por vez, e carregar uma foto nova substitui o resultado anterior. Copie os códigos da primeira foto, carregue a segunda, copie também e junte as listas no seu próprio arquivo.
Como confiro se o texto vai ficar legível em uma cor da minha paleta?
Esta ferramenta só extrai cores. Copie o código HEX e abra a ferramenta Seletor de Cor em Imagem deste site, onde você escolhe uma cor de fundo e uma de texto para ver a taxa de contraste e se o texto normal e o grande passam nos níveis AA e AAA.