Problemas para recuperar o valor do input "color"

Olá! Estou tentando resolver o exercício 9 no curso de Lógica 2 mas meio que empaquei. Como expliquei no código, eu tentei atribui o input a uma variável, mas, quando chamo essa variável no console, sempre retorna "input type="color"". Procurei no fórum e até mesmo comparei meu código com alguns outros que declararam estar funcionando mas não consegui achar a pane no meu código.

<meta charset="UTF-8">
<canvas width="600" height="400"></canvas>
<br>
Escolha uma cor <input type="color">
<script>

    var tela = document.querySelector('canvas');

    var pincel = tela.getContext('2d');   

    var cor = document.querySelector("input");

    var click = false

    pincel.fillStyle = 'lightgray';

    pincel.fillRect(0, 0, 600, 400);

    function clicou(){
         click = true
    }
    function levantou(){
         click = false
    }

    function desenhaCirculo(evento) {

          if(click){

        var x = evento.pageX - tela.offsetLeft;

        var y = evento.pageY - tela.offsetTop;
            //Aqui eu tentei resgatar o valor do input
        pincel.fillStyle = cor;

        pincel.beginPath();

        pincel.arc(x, y, 10, 0, 2 * 3.14);

        pincel.fill();

        console.log(x + ',' + y);

        }
    }

    console.log(document.querySelector("input"))
        //Mas ao chamar o console, ele retorna "<input type="color">" independente da escolha no input.

    tela.onmousedown = clicou;
    tela.onmouseup = levantou;
    tela.onmousemove = desenhaCirculo;

</script>