​

function setup() {

  createCanvas(510, 100);

  colorMode(HSB, 360, 100, 100, 100);

  background(360, 0, 100, 100); 

  noLoop();

  textAlign(CENTER);

  colors = [

    color(47, 32, 95),

    color(19, 92, 99),

    color(175, 66, 51),

    color(47, 95, 67),

    color(217, 6, 53),

    color(37, 86, 98),

    color(66, 66, 51),

    color(359, 80, 36),

    color(169, 66, 22),

    color(356, 51, 61),

    color(30, 81, 87),

    color(20, 92, 84),

    color(347, 91, 73),

    color(211, 94, 25),

    color(54, 27, 60),

    color(179, 100, 70),

    color(354, 91, 4)

  ];

}

​

function draw() {

  noStroke();

  colors.forEach(function(c, i) {

    fill(c);

    rect(i*30, 0, 30, 100);

    fill("white");

    text(i, i*30 + 15, 18);

  })

}