HSL 210 hue should be in blue but rendering green

p5.js Coding Questions
1

Hi I’m making a plot of different colors on a 2d mapping of hsl color space. I think I have something wrong. The hue value of 210 should give a blue color but what is being drawn is green.

let dim = 100;
let mult = 5;

function setup() {
  createCanvas(dim*mult, dim*mult);

  // Use HSL color with values in the range 0-100.
  colorMode(HSL, dim*mult);

  for (let x = 0; x < dim*mult; x += 1) {
    for (let y = 0; y < dim*mult; y += 1) {
      stroke(210, x, y);
      point(x, y);
    }
  }

//first point plotted
  stroke(0,0,0);
  strokeWeight(20);
  point(0,100*mult);
  
  stroke(0,0,100*mult);
  strokeWeight(15);
  point(0,100*mult);
}

Thanks for the help.

2

240 is blue for HSL (0 to 360).

Try this to scale the blue to your colorMode scale 0 to 500:
240/360*500

References:

:)