Modello cromatico OKLCH

Dalla versione 2 di p5.js sono disponibili nuove modalità cromatiche introdotte nelle ultime versioni dei CSS. Uno di questi è l’OKLCH che corregge alcune incongruenze con i valori di luminosità che mettevano allo stesso livello sia i colori chiari (giallo puro) che scuri (blu puro).

Spostare il mouse in verticale, per modificare il livello di luminosità, e in orizzontale, per modificare la saturazione/crominanza.

  colorMode( OKLCH );   // luminosità:   0..100
                      // crominanza:   0..100
                      // tonalità:     0..360
                      // opacità:      0..1

background( 0.88 );  // grigio chiaro  
fill(93, 100, 86);   // giallo-arancio

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

    background( 0.88 );
    fill( 93, 100, 86 );
    circle( 50,50, 70 );
}
  

Come si può constatare provando a modificare i parametri del fill(), anche i valori di crominanza e tonalità non sono perfettamente coincidenti con quelli di saturazione e tonalità dei sistemi HSL e HSB.

• colorMode()
• OKlch Color Picker