básicamente quiero hacer una etiqueta grande con ancho y alto de 512 píxeles que muestre todos los tonos de RGB donde el rojo es 0, el verde es la coordenada x dividida por 2 y el azul es la coordenada y dividida por dos

 var c = document.getElementById("big"); var ctx = c.getContext("2d"); console.log(ctx.height); var my_gradient = ctx.createLinearGradient(c.width/2, c.height/2, 120,120); my_gradient.addColorStop(0, "red"); my_gradient.addColorStop(0.5 ,"green"); my_gradient.addColorStop(1, "blue"); ctx.fillStyle = my_gradient; ctx.fillRect(0, 0, 512, 512);

el objetivo final es hacer un selector de color con el aspecto de la imagen adjunta