Mudar as cores de uma imagem

Sobre mudar uma cor numa imagem

Um casaco vermelho tem de ser azul. Uma cor de marca mudou e quarenta capturas de ecrã ainda têm a antiga. Um produto existe em seis cores e há uma única fotografia.

A maneira ingénua de fazer isto é selecionar a cor e enchê-la com outra, e o resultado sai sempre errado: o casaco fica um recorte azul liso, sem uma única prega. O que o fazia parecer um casaco eram as sombras — centenas de vermelhos ligeiramente diferentes — e o preenchimento deita tudo isso fora.

Esta ferramenta muda a cor e mantém as sombras. Cada tonalidade de vermelho do casaco passa a ser a tonalidade de azul correspondente: os brilhos ficam claros, as pregas ficam escuras, e continua a parecer a fotografia 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 conter duzentas mil diferentes. Por isso a tabela por baixo da imagem são as cores de que ela é feita sobretudo, encontradas juntando tonalidades quase idênticas e ordenando-as pela área que ocupam.

Para um logótipo, ícone, captura de ecrã ou desenho liso, essa lista é simplesmente as cores verdadeiras, e mudar uma é exato.

Para uma fotografia, cada linha representa uma família inteira de tonalidades — «os vermelhos», não um vermelho. É isso que torna o resultado utilizável, e é também por isso que o comando seguinte importa.

Quão parecida tem de ser uma cor

Decide quanta tonalidade vai junto com a cor que escolheu.

• Demasiado estreito e só parte do casaco muda, deixando manchas da cor antiga.
• Demasiado largo e a mudança transborda para coisas que não queria — o casaco vermelho leva a porta castanha atrás.

Comece a meio e vá movendo até as margens da mudança caírem onde quer. O limite da correspondência é esbatido em vez de cortado, por isso não fica um contorno serrilhado onde a cor acaba.

Manter as sombras

Vem ligado, e é a diferença entre uma fotografia recolorida e um autocolante.

Com isto ligado, cada píxel mantém a sua própria claridade e só o tom e a viveza passam para a cor nova. Desligado, cada píxel correspondente fica exatamente com a cor escolhida — que é o que quer para um desenho liso, um logótipo ou um fundo cheio, onde não há sombras nenhumas a manter.

Tornar uma cor transparente

Cada linha tem uma borracha ao lado da sua cor. Carregue nela e essa cor não é substituída mas retirada — esses píxeis ficam transparentes em vez de se tornarem outra coisa.

É a maneira mais rápida de tirar um fundo liso a um logótipo ou a um ícone: clique no fundo da imagem, carregue na borracha, guarde em PNG. A mesma margem esbatida aplica-se, por isso o limite fica cortado com suavidade e não arrancado.

Só o PNG e o WebP conseguem guardar transparência. Se escolher JPG a página avisa-o, porque um JPG não tem como guardar a área apagada senão a 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 sobre a cor por baixo do clique: seleciona a linha a que ela pertence, ou acrescenta uma se não estiver perto de nenhuma.

Normalmente é a entrada mais rápida: clique aquilo que quer mudar e depois escolha em que se torna.

Nada é enviado

A imagem é lida, recolorida e guardada dentro do seu navegador. Nunca chega a um servidor, o que importa em fotos de produto, trabalhos de clientes e fotografias de pessoas.

Também quer dizer que não há espera de envio nem fila, e que a ferramenta continua a funcionar offline assim que a página estiver carregada.

Para que serve

• Mudar a cor de um produto para que uma foto cubra toda a gama
• Atualizar capturas de ecrã depois de uma cor de marca mudar
• Recolorir um logótipo ou ícone que só existe em PNG
• Fazer uma versão clara e uma escura do mesmo grafismo
• Trocar uma cor de fundo sem recortar nada
• Experimentar uma cor antes de decidir, já que a imagem se atualiza à medida que escolhe

Bom saber

• As duas pré-visualizações são a imagem antes e depois, do mesmo tamanho, por isso a comparação é honesta
• A saída é PNG por predefinição, sem perdas e com transparência; JPG e WebP estão lá quando o tamanho do ficheiro pesa mais
• Píxeis transparentes continuam transparentes, e um JPG guardado em JPG é recodificado uma vez — guarde em PNG se a imagem ainda vai ser trabalhada
• Uma imagem muito grande é reduzida para continuar manejável, e a página di-lo em vez de redimensionar em silêncio
• Isto trabalha sobre cores, não sobre objetos — se duas coisas diferentes tiverem a mesma cor, mudam as duas. Quando isso atrapalha numa foto, recorte primeiro o motivo com Remover fundo
• Para um SVG, use Mudar as cores de um SVG, que edita os valores de cor verdadeiros em vez de píxeis
• Para ler uma cor de uma imagem em vez de a mudar, use Conta-gotas de imagem

Como usar

• Clique em Clique para carregar, ou arraste o seu PNG ou JPG para a caixa
• As cores de que a imagem é feita aparecem na tabela por baixo
• Clique numa cor da imagem para saltar para ela, ou escolha uma linha da lista
• Defina a cor nova à direita, com o seletor ou escrevendo um hexadecimal
• Alargue ou aperte quão parecida tem de ser uma cor até a mudança cobrir o que queria
• Deixe Manter as sombras nas fotografias; desligue nos desenhos lisos
• Ou carregue na borracha de uma linha para tirar essa cor por completo, e guarde em PNG
• Carregue em Descarregar imagem

Ferramentas relacionadas

• Mudar as cores de um SVG — o mesmo trabalho para ficheiros vetoriais
• Conta-gotas de imagem — ler as cores de uma imagem
• Paleta de cores de uma imagem — tirar uma paleta inteira de uma foto
• Remover fundo — recortar primeiro o motivo
• Comprimir imagem — tornar o resultado mais pequeno
• Redimensionar imagem — mudar o tamanho