Conta-gotas de cor de uma imagem
Um clique para um código de cor, um botão para a paleta da imagem.
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
Exemplo: as cores do logo da escolinha de futebol para as camisetas e o convite
O logo da escolinha de futebol do bairro é um PNG: um bloco azul-marinho e uma faixa laranja sobre fundo branco. Para as camisetas e o convite da festa saírem nas mesmas cores, é preciso o código de cada uma. Um clique em cada parte dá o código; «Encontrar as cores principais» lista as cores com a parte da imagem de cada uma.
- Clique no bloco azul-marinho: #1B3A6B, rgb(27, 58, 107). Clique na faixa laranja: #F28C28, rgb(242, 140, 40). Um clique no código o copia.
- Deixe 8 cores principais, o padrão, e clique em «Encontrar as cores principais».
- Copie a lista ou baixe-a: logo-cores.txt, uma cor por linha, e logo-paleta.png, com uma faixa por cor.
| Cor | HEX | RGB | Parte da imagem |
|---|---|---|---|
| Branco | #FFFFFF | rgb(255, 255, 255) | 64% |
| Azul-marinho | #1B3A6B | rgb(27, 58, 107) | 27% |
| Laranja | #F28C28 | rgb(242, 140, 40) | 9% |
Três cores, e não oito: um logo em cores chapadas só tem três, e os pixels misturados das bordas não contam como cor à parte. Numa foto, cheia de tons, todas as vagas pedidas são preenchidas.
Como funciona
- Arraste uma imagem. Ela aparece embaixo, pronta para o clique.
- Clique num ponto: aquela cor entra na lista com os códigos HEX e RGB. Clique num código para copiá-lo.
- Para as cores principais da imagem, escolha quantas e clique em «Encontrar as cores principais».
- Copie a lista ou baixe-a com uma imagem da paleta que mostra cada cor e a sua parte.
Perguntas frequentes
- Qual a precisão da cor clicada?
- É a cor do pixel sob o ponteiro, lida da própria imagem. Numa foto os pixels vizinhos variam um pouco; clique algumas vezes para ver a faixa.
- Como as cores principais são encontradas?
- Os pixels são agrupados com k-means no número de cores escolhido; cada cor é a média do seu grupo, com a parte da imagem que cobre. Áreas transparentes não contam.
- Por que vieram menos cores do que eu pedi?
- Porque a imagem não tem tantas. Num logo de três cores chapadas, pedir 5, 8 ou 12 dá as mesmas três: #FFFFFF 64%, #1B3A6B 27% e #F28C28 9%. Os tons misturados nas bordas, que cobrem menos de 2% da imagem, são somados à cor vizinha em vez de virar uma cor à parte; uma cor pequena de verdade, como um ponto vermelho, continua na lista.
- Em que formato vem a lista?
- Uma linha por cor, com HEX, RGB e a parte da imagem: #1B3A6B rgb(27, 58, 107) 27%. Dá para copiar tudo ou baixar como arquivo .txt, junto com uma imagem PNG da paleta em que cada cor tem uma faixa e o seu código.
- Por que o código difere do meu arquivo de design?
- A compressão JPG e os perfis de cor deslocam as cores um pouco. Para uma cor de marca exata, parta de uma exportação PNG ou confira o arquivo de design.
- Minha imagem é enviada?
- Não. A imagem é desenhada numa tela nesta página e lida dali. O plano gratuito permite 5 buscas de cores principais por dia; os cliques não contam.