createCanvas(650, 550);

}

​

function draw() {

  colorMode(HSL,360)

 let S = mouseY-100

  let L = map(mouseX,0,650,50,320);

  let H = mouseX

  background(H,S,L);

  if (H > 150) {

    H = 50;

  }

  if (S > 50) {

    S = 150;

  }

  colorMode(RGB);

stroke(250,192,186)//light pink

  strokeWeight(10);

      let x = 0;

  let x2 = 0;

  for (let i = 0; i < 10; i++)  {

​

    line(x,450,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(255,110,161)//dark pink

  strokeWeight(10);

      x = 10;

   x2 = 10;

  for (let i = 0; i < 10; i++)  {

​

    line(x,430,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(255,190,136)//light orange

  strokeWeight(10);

      x = 20;

   x2 = 20;

  for (let i = 0; i < 10; i++)  {

​

    line(x,490,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(232, 174, 74)//dark orange

  strokeWeight(10);

      x = 30;

   x2 = 30;

  for (let i = 0; i < 10; i++)  {

​

    line(x,520,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

   stroke(255, 130,170)//medium pink-tall line

  strokeWeight(10);

      x = 40;

   x2 = 40;

  for (let i = 0; i < 10; i++)  {

​

    line(x,400,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

   stroke(  245, 206, 78)//bright yellow

  strokeWeight(10);

      x = 50;

   x2 = 50;

  for (let i = 0; i < 10; i++)  {

​

    line(x,410,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

   stroke(255, 167, 179)//light pink

  strokeWeight(10);

      x = 60;

   x2 = 60;

  for (let i = 0; i < 10; i++)  {

​

    line(x,470,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

   stroke(245, 159, 78)//bright orange

  strokeWeight(10);

      x = 70;

   x2 = 70;

  for (let i = 0; i < 10; i++)  {

​

    line(x,410,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

    stroke(  217, 167, 106)// yellow-brown

  strokeWeight(10);

      x = 80;

   x2 = 80;

  for (let i = 0; i < 10; i++)  {

​

    line(x,480,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke( 250, 244, 132)// light yellow

  strokeWeight(10);

      x = 90;

   x2 = 90;

  for (let i = 0; i < 10; i++)  {

​

    line(x,439,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(232, 77, 132)// hot pink

  strokeWeight(10);

      x = 100;

   x2 = 100;

  for (let i = 0; i < 10; i++)  {

​

    line(x,510,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(235, 159, 103)// coral

  strokeWeight(10);

      x = 110;

   x2 = 110;

  for (let i = 0; i < 10; i++)  {

​

    line(x,445,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(252, 222, 157)// pale/light yellow

  strokeWeight(10);

      x = 120;

   x2 = 120;

  for (let i = 0; i < 10; i++)  {

​

    line(x,495,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(245, 185, 130)// light orange/yellow

  strokeWeight(10);

      x = 130;

   x2 = 130;

  for (let i = 0; i < 10; i++)  {

​

    line(x,430,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

    stroke(245, 218, 130)// light orange/yellow

  strokeWeight(10);

      x = 140;

   x2 = 140;

  for (let i = 0; i < 10; i++)  {

    line(x,415,x2,550);

    x = x + 150;

    x2 = x2 + 150;

  }

​

  stroke(250,192,186);//light pink

  strokeWeight(10);

x = 0;

  x2 = 0;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,100);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(255,110,161)//dark pink

  strokeWeight(10);

x = 10;

  x2 = 10;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,120);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(255,190,136)//light orange

  strokeWeight(10);

x = 20;

  x2 = 20;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,60);

    x = x + 150;

    x2 = x2 + 150;

  }

 stroke(232, 174, 74)//dark orange

  strokeWeight(10);

x = 30;

  x2 = 30;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,30);

    x = x + 150;

    x2 = x2 + 150;

  }

 stroke(255, 130,170)//medium pink-tall line

  strokeWeight(10);

x = 40;

  x2 = 40;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,150);

    x = x + 150;

    x2 = x2 + 150;

  }

    stroke(  245, 206, 78)//bright yellow

  strokeWeight(10);

x = 50;

  x2 = 50;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,140);

    x = x + 150;

    x2 = x2 + 150;

  }

stroke(255, 167, 179)//light pink

  strokeWeight(10);

x = 60;

  x2 = 60;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,80);

    x = x + 150;

    x2 = x2 + 150;

  }

 stroke(245, 159, 78)//bright orange

  strokeWeight(10);

x = 70;

  x2 = 70;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,140);

    x = x + 150;

    x2 = x2 + 150;

  }

    stroke(  217, 167, 106)// yellow-brown

  strokeWeight(10);

x = 80;

  x2 = 80;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,70);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke( 250, 244, 132)// light yellow

  strokeWeight(10);

x = 90;

  x2 = 90;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,111);

    x = x + 150;

    x2 = x2 + 150;

  }

     stroke(232, 77, 132)// hot pink

  strokeWeight(10);

x = 100;

  x2 = 100;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,40);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(235, 159, 103)// coral

  strokeWeight(10);

x = 110;

  x2 = 110;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,105);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(252, 222, 157)// pale/light yellow

  strokeWeight(10);

x = 120;

  x2 = 120;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,55);

    x = x + 150;

    x2 = x2 + 150;

  }

  stroke(245, 185, 130)// light orange/yellow

  strokeWeight(10);

x = 130;

  x2 = 130;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,120);

    x = x + 150;

    x2 = x2 + 150;

  }

   stroke(245, 218, 130)// light orange/yellow

  strokeWeight(10);

      x = 140;

   x2 = 140;

  for (let i = 0; i < 10; i++)  {

    line(x,0,x2,100);

    x = x + 150;

    x2 = x2 + 150;

  }

}