Никита Подосёнов

function noConsole() {
    console = false;
}

Так делать не надо, сделайте функцию логирования, которая проверяет, можно ли логировать или нет

var debug = true;

function log(...args) {
  if (!debug) return;
  console.log(...args);
}

function silentMode() {
  debug = false;
}

log({});

silentMode();

log([]);

Лет 100 назад писал колор пикер на канвас только как в фотошопе.
Крч почитай про HSV. По сути в квадрате у нас по игрику идет насыщенность(S - saturation) от 0 до 100, по иксу оттенок(H-hue) от 0 до 360, а справа это яркость (V -value) тоже от нуля до ста ( это если как в пеинте как на вашем скрине), функция перевода из hsv в rgb есть в моем примере

function drawMyLine(x,y,angleDeg,length){//Угол в градусах
	var angle = angleDeg * Math.PI/180;
	ctx.beginPath();
  ctx.moveTo(x,y);
  ctx.lineTo(x + Math.cos(angle)*length,y + Math.sin(angle)*length);  
  ctx.stroke();
}