Modello cromatico HSL

  colorMode( HSL );    // tonalità:    0..360
                     // saturazione: 0..100
                     // luminosità:  0..100
                     // opacità:     0..1

background(/*1*/ 85 /**/);    // grigio chiaro  
fill(/*2*/ 50, 100, 50 /**/); // giallo-arancio

• livello di grigio riferito all’intervallo dei valori di luminosità
• tonalità giallo-arancio (giallo sarebbe 60°),
  saturazione massima,
  luminosità media (se fosse massima il colore sarebbe sempre bianco)

    function setup() {
    colorMode( HSL );

    background( 85 );
    fill( 50, 100, 50 );
    circle( 50,50, 70 );
}
  

Provare a modificare i parametri dell’istruzione fill() fino a ottenere questo colore:    .

I valori massimi di tonalità, saturazione, luminosità e opacità possono essere modificati indicando quelli nuovi come parametri aggiuntivi all’istruzione colorMode().