Mudar as cores de uma imagem

Sobre mudar uma cor numa imagem

Um casaco vermelho precisa ser azul. A cor de uma marca mudou e quarenta capturas de tela ainda têm a antiga. Um produto existe em seis cores e só há uma foto.

O jeito ingênuo de fazer isso é selecionar a cor e preencher com outra, e o resultado sempre sai errado: o casaco vira um recorte azul chapado, sem nenhuma dobra. O que fazia ele parecer um casaco eram as sombras — centenas de vermelhos levemente diferentes — e o preenchimento joga tudo isso fora.

Esta ferramenta muda a cor e mantém as sombras. Cada tom de vermelho do casaco vira o tom de azul correspondente: os brilhos continuam claros, as dobras continuam escuras, e a imagem continua parecendo a foto de um casaco.

O que é a lista

Um PNG ou JPG não traz uma lista de cores como um SVG — uma foto pode facilmente ter duzentas mil cores diferentes. Por isso a tabela embaixo da imagem mostra as cores principais que formam a imagem, encontradas juntando tons quase idênticos e ordenando pela área que ocupam.

Para um logo, ícone, captura de tela ou desenho com cores sólidas, essa lista é simplesmente as cores reais, e mudar uma delas é exato.

Para uma foto, cada linha representa uma família inteira de tons — "os vermelhos", não um vermelho só. É isso que torna o resultado aproveitável, e é também por isso que o próximo controle importa.

Quão parecida uma cor precisa ser

Define quantos tons vão junto com a cor que você escolheu.

• Estreito demais e só parte do casaco muda, deixando manchas da cor antiga.
• Largo demais e a mudança vaza para coisas que você não queria — o casaco vermelho leva junto a porta marrom atrás dele.

Comece no meio e vá ajustando até as bordas da mudança ficarem onde você quer. O limite é suavizado em vez de cortado, então não fica um contorno serrilhado onde a cor termina.

Manter as sombras

Vem ligado, e é a diferença entre uma foto recolorida e um adesivo.

Com isso ligado, cada pixel mantém a própria luminosidade e só o tom e a saturação passam para a cor nova. Desligado, cada pixel correspondente fica exatamente com a cor escolhida — que é o que você quer para um desenho com cores sólidas, um logo ou um fundo chapado, onde não há sombras para manter.

Deixar uma cor transparente

Cada linha tem uma borracha ao lado da cor. Clique nela e essa cor não é substituída, e sim removida — esses pixels ficam transparentes em vez de virar outra cor.

É o jeito mais rápido de tirar um fundo sólido de um logo ou de um ícone: clique no fundo da imagem, clique na borracha, salve em PNG. A mesma borda suavizada vale aqui, então o limite fica cortado com suavidade e não arrancado.

Só o PNG e o WebP conseguem salvar transparência. Se você escolher JPG, a página avisa, porque um JPG não tem como salvar a área apagada a não ser em branco.

Clicar na imagem

A lista é um ponto de partida, não um limite. Clique em qualquer ponto da imagem editada e a ferramenta trabalha com a cor embaixo do clique: seleciona a linha a que ela pertence, ou adiciona uma nova se ela não estiver perto de nenhuma.

Normalmente é o jeito mais rápido de começar: clique no que você quer mudar e depois escolha a cor nova.

Nada é enviado

A imagem é lida, recolorida e salva dentro do seu navegador. Ela nunca chega a um servidor, o que importa em fotos de produtos, trabalhos de clientes e fotos de pessoas.

Isso também significa que não há espera de upload nem fila, e que a ferramenta continua funcionando offline depois que a página carrega.

Para que serve

• Mudar a cor de um produto para que uma foto mostre todas as opções
• Atualizar capturas de tela depois que a cor de uma marca mudou
• Recolorir um logo ou ícone que só existe em PNG
• Fazer uma versão clara e uma escura do mesmo gráfico
• Trocar a cor de fundo sem recortar nada
• Testar uma cor antes de decidir, já que a imagem é atualizada enquanto você escolhe

Bom saber

• As duas pré-visualizações são a imagem antes e depois, do mesmo tamanho, então a comparação é justa
• A saída é PNG por padrão, sem perdas e com transparência; JPG e WebP estão lá para quando o tamanho do arquivo pesa mais
• Pixels transparentes continuam transparentes, e um JPG salvo em JPG é recodificado uma vez — salve em PNG se a imagem ainda vai ser editada
• Uma imagem muito grande é reduzida para continuar leve, e a página avisa em vez de redimensionar em silêncio
• Isto trabalha com cores, não com objetos — se duas coisas diferentes tiverem a mesma cor, as duas mudam. Quando isso atrapalhar numa foto, recorte primeiro o objeto com Remover fundo
• Para um SVG, use Mudar as cores de um SVG, que edita os valores de cor reais em vez de pixels
• Para ler uma cor de uma imagem em vez de mudá-la, use Seletor de cor de imagem

Como usar

• Clique em Clique para enviar, ou arraste seu PNG ou JPG para a caixa
• As cores que formam a imagem aparecem na tabela embaixo
• Clique numa cor na imagem para ir direto até ela, ou escolha uma linha da lista
• Defina a cor nova à direita, com o seletor ou digitando um código hexadecimal
• Aumente ou diminua quão parecida uma cor precisa ser até a mudança cobrir o que você queria
• Deixe Manter as sombras ligado nas fotos; desligue nos desenhos com cores sólidas
• Ou clique na borracha de uma linha para remover essa cor por completo, e salve em PNG
• Clique em Baixar imagem

Ferramentas relacionadas

• Mudar as cores de um SVG — o mesmo trabalho para arquivos vetoriais
• Seletor de cor de imagem — ler as cores de uma imagem
• Paleta de cores a partir de imagem — tirar uma paleta inteira de uma foto
• Remover fundo — recortar primeiro o objeto
• Compressor de imagens — deixar o resultado menor
• Redimensionador de imagens — mudar o tamanho