Modello cromatico HSL

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

background( 85 );    // grigio chiaro  
fill( 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)

// height=110 lines=auto
function setup() {
    colorMode( HSL );

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