Utilizando funções | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

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

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

    function cor(color){

        pincel.fillStyle = color;
    }
//xi = x inicial; yi= y inicial; xf= x final; yf= y final
    function retangulo(xi, yi, xf, yf){

        pincel.fillRect(xi, yi, xf, yf);
    }


    cor('darkgreen');
    retangulo(0, 0, 350, 300);

    cor('black');
    retangulo(45, 45, 90, 90);//olho esq
    retangulo(210, 45, 90, 90);//olho dir
    retangulo(135, 134, 75, 100);//nariz
    retangulo(85, 170, 50, 130);//bigode esq
    retangulo(210, 170, 50, 130);//bigode dir


</script>

Se eu incluir o pincel.fillStyle = color; na minha função retanguloteria que digitar a cor todas as vezes que eu chamar a função? E seria preferível manter a forma atual ou com uma função única?

Desde já, agradeço.