SOLUCIONADO

Ao mudar o desenhaCirculo para desenhaCirculo(x, y, 5, corAtual); o codigo funciona e ao clicar muda a cor normal.. Como se não tem um onclick? pra mim q iria trocar a cor só quando o mouse estivesse por cima das cordenadas .. Não faz sentido o desenhaCirculo capturar a cor ao clicar e desenhar por toda a tela com a cor selecionada .. ALGUEM ME AJUDA pfv

    function cores(evento) {

        var x = evento.pageX - tela.offsetLeft;
        var y = evento.pageY - tela.offsetTop;

        if(x <= 50 && y <= 50){

            corAtual = 'red';
        } else if((x <= 100) && (x > 50) && (y <= 50)){

            corAtual = 'green';
        } else if ((x <= 150) && (x > 100) && (y <= 50)){

            corAtual = 'blue';
        }
    }