Fala, Julio! Tudo bem por aí?

Que massa! Ficamos muito felizes com seu feedback.

Continue se empenhando e conte com a gente nesse mergulho.

Bons estudos, e até mais! =)

A minha resposta ficou assim:

<canvas width="600" height="400"></canvas>

    <script>
        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');
        pincel.fillStyle = 'grey';
        pincel.fillRect(0, 0, 600, 400);


        function desenhaCirculo(evento) {

            var x = evento.pageX - tela.offsetLeft;
            var y = evento.pageY - tela.offsetTop;
            pincel.fillStyle = cores[index]; // aqui alterei a cor fixa azul para receber um valor dinâmico.
            pincel.beginPath();
            pincel.arc(x, y, 10, 0, 2 * 3.14);
            pincel.fill();
            console.log(x + ',' + y);

        }

        let cores = ['blue', 'red', 'green']; // criei um array para armazenar as cores;
        let index = 0; // variável utilizada para armazenar um número que será utilizado como índice do array "cores".
        function mudaCor() {

            // incrementa o índice e consequentemente muda a cor no array.
            index++;

            //  reset das cores.
            if (index >= cores.length) {
                index = 0;
            }

            return false;

        }

        tela.onclick = desenhaCirculo;

        tela.oncontextmenu = mudaCor;

    </script>

Thank´s Sr. tua resolução me ajudou pakas