Definire e usare una palette di colori

    function setup() {
    colorMode(HSL);
    let palette = [        // definisci una palette di 3 colori pastello 
        color(30, 100, 80),
        color(150, 100, 80),
        color(270, 100, 80)
    ];

    noStroke();
    fill( palette[0] );    // imposta 1° colore
    rect( 0,0, 33,100 );
    fill( palette[1] );    // imposta 2° colore
    rect( 33,0, 33,100 );
    fill( palette[2] );    // imposta 3° colore
    rect( 66,0, 33,100 );
}


  let palette = [
    color(30, 100, 80)/*1*/,/**/
    color(150, 100, 80)/*1*/,/**/
    color(270, 100, 80)
];

Dichiara e inizializza un array chiamato palette e riempilo con tre colori. Ogni elemento dell’array viene separato da virgole evitando di aggiungerla anche all’ultimo elemento.

I colori pastello sono ottenuti semplicemente mantenendo il valore di luminosità sopra 50 [vedi 80 nel codice d’esempio].