Não sei se "transparent" é uma cor, mas eu tentei e saiu como eu queria kkk
<canvas width="600" height="400"></canvas>
<script>
function desenhaQuadrado (x, y, cor){
let canva = document.querySelector ("canvas");
let pincel = canva.getContext ("2d");
let wQuadrado = 60;
let hQuadrado = 60;
pincel.fillStyle = cor;
pincel.fillRect (x, y, wQuadrado, hQuadrado);
pincel.fillStroke = "black";
pincel.strokeRect (x, y, wQuadrado,hQuadrado);
}
for (let x=0; x < 180; x+= 60){
desenhaQuadrado (x, 0, "green");
for (let x=180; x <240; x+= 60){
desenhaQuadrado (x, 0, "transparent")
}
}
</script>