Criei um array com o nome das cores e adicionei elas na img pelo JavaScript, quando as cores do array acabam no próximo click ela retorna a imagem inicial.
const imagem = document.querySelector('[imagem-robo]');
let coresRobotrom = ['amarelo', 'vermelho', 'branco', 'azul', 'preto', 'rosa'];
let contador = 1;
imagem.addEventListener('click', () => {
let posicao = contador;
if (contador == coresRobotrom.length){
imagem.setAttribute('src', `img/robotron-${coresRobotrom[0]}.png`)
contador = 1;
} else{
let corAtual = coresRobotrom[posicao];
imagem.setAttribute('src', `img/robotron-${corAtual}.png`)
contador++
}
}
)
