Paleta de cores de uma imagem
As cores principais da imagem, em códigos hex.
Solte os arquivos aqui
ou clique para escolher no seu dispositivoFormatos aceitos: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF
Um arquivo por vezAté 20 MB por arquivo5 usos por diaRemova os limites com o Pro✓ Funciona offline
Seus arquivos ficam no seu dispositivo
Esta ferramenta roda inteiramente no seu navegador. Nada é enviado, nada é armazenado, e você pode até desligar a internet antes de começar.
Exemplo
A paleta de uma ilustração de praia ao pôr do sol, em três códigos hex
Uma ilustração PNG de 800 × 600 px em cores chapadas: céu laranja nos 240 px de cima, mar azul-petróleo nos 150 px do meio e areia bege nos 210 px de baixo. Escolhemos 5 cores principais.
| Cor | HEX | RGB | Parte da imagem |
|---|---|---|---|
| Laranja do céu | #F6A04D | rgb(246, 160, 77) | 40 % |
| Bege da areia | #F1D7A7 | rgb(241, 215, 167) | 35 % |
| Azul do mar | #1F6F8B | rgb(31, 111, 139) | 25 % |
Vêm três cores, não cinco: uma ilustração chapada só tem três, e é isso que o agrupamento encontra. Uma foto, com seus muitos tons, costuma preencher todas as vagas. A lista sai em texto, pronta para colar, e a paleta em PNG traz uma coluna por cor, larga conforme a parte da imagem.
Como funciona
- Adicione a imagem: uma foto, o print de um site de que você gosta, um quadro.
- Escolha quantas cores quer. Cinco são uma paleta; doze já é quase um inventário.
- Leia a lista. Cada cor vem com o código hexadecimal, pronto para colar.
- Clique em qualquer ponto da imagem para a cor exata daquele pixel — é o que você quer quando está igualando a cor de uma marca.
Perguntas frequentes
- Como as cores principais são escolhidas?
- Agrupando todos os pixels por cor e pegando os maiores grupos, então o que volta é do que a imagem é feita, não o que ficaria bonito. Uma foto de mata dá muitos verdes, porque é muito verde mesmo.
- Quantas cores posso tirar?
- 5, 8 ou 12 cores principais. Cinco dão uma paleta para um post ou uma marca; doze mostram quase todos os tons de uma foto. Cada cor vem com o código hex, o RGB e a parte da imagem que ela ocupa.
- Por que vieram menos cores do que eu pedi?
- Porque a imagem não tem tantas: um logotipo ou uma ilustração em cores chapadas com três cores devolve três, mesmo pedindo cinco. Fotos e degradês têm tons de sobra e preenchem a lista inteira.
- Dá para baixar a paleta?
- Dá: sai uma lista em texto com uma cor por linha (hex, RGB e porcentagem) e uma imagem PNG de 1200 × 360 px com uma coluna por cor, cada uma com o código escrito nela.
- Por que a cor que cliquei está um pouco diferente?
- Porque você está pegando um pixel, e a compressão JPEG mexe nos pixels um a um. Clique no meio de uma área lisa em vez de perto de uma borda; um PNG responde melhor que um JPEG.
- Dá para pegar RGB ou HSL?
- O RGB já vem na lista: cada linha traz o código hex, o rgb() e a parte da imagem que a cor ocupa, como “#F6A04D rgb(246, 160, 77) 40%”. Para HSL ou uma variável CSS, cole o código hex no nosso conversor de cores.
- A imagem é enviada?
- Não. Ela é lida pixel a pixel no navegador e não vai para lugar nenhum.