[Duda] Pratica de cambio de color Click Derecho.

Buenas estimados compañeros!

una consulta mas que duda, de la realizacion del codigo, he intentado manejar otro tipos de colores que no sean los primarios o secundarios principales, y me aparece en negro (o en el ultimo color detectado) en el navegador, sin embargo en la interfaz del navegador no me refleja ningun problema. como agrego otros tipos de color?

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

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");    
    pincel.fillStyle = "grey";
    pincel.fillRect(0,0,600,400); 
    var colores = ["orange","yellow","ochre"];
    var indiceColorActual = 0;

    function dibujarCirculo(evento){
        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;    
        pincel.fillStyle = colores[indiceColorActual];
        pincel.beginPath();
        pincel.arc(x,y,10,0,2*3.14);
        pincel.fill();
        console.log(x + "," + y);        
    }

    pantalla.onclick = dibujarCirculo;

    function alterarColor() {
        indiceColorActual++
        if( indiceColorActual >= colores.length ) {
            indiceColorActual =0
        }
        return false;
    }

    pantalla.oncontextmenu = alterarColor;

</script>