Mi solución al challenge

Buenas compañeros, les adjunto la manera en que resolví la actividad

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

<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");
var color = escogerColor;

  pincel.fillStyle = "grey";
  pincel.fillRect(0, 0, 600, 400);

  var puedoDibujar = false;

  function dibujarCirculo(evento) {
    if (puedoDibujar == true) {
      var x = evento.pageX - pantalla.offsetLeft;
      var y = evento.pageY - pantalla.offsetTop;
      pincel.fillStyle = color;
      pincel.beginPath();
      pincel.arc(x, y, 5, 0, 2 * 3.14);
      pincel.fill();
    }
  }

  pantalla.onmousemove = dibujarCirculo;

  function habilitarDibujar() {
    puedoDibujar = true;
  }

  function deshabilitarDibujar() {
    puedoDibujar = false;
  }

  var rojo = (pincel.fillStyle = "red");
  pincel.fillRect(0, 0, 50, 50);

  var verde = (pincel.fillStyle = "green");
  pincel.fillRect(51, 0, 50, 50);

  var azul = (pincel.fillStyle = "blue");
  pincel.fillRect(101, 0, 50, 50);

  function escogerColor(evento) {
        var a = evento.pageX - pantalla.offsetLeft;
        var b = evento.pageY - pantalla.offsetTop;
        if((a<50)&&(a>0)&&(b<50)&&(b>0)){
        color = "red"
        }
        if((a<101)&&(a>50)&&(b<50)&&(b>0)){
        color = "green"
        }
        if((a<151)&&(a>100)&&(b<50)&&(b>0)){
        color = "blue"
        }
    } 
    pantalla.onclick = escogerColor;
    pantalla.onmousedown = habilitarDibujar;
    pantalla.onmouseup = deshabilitarDibujar;
</script>