Color

 

Podemos el cambiar el color de la línea y relleno de las figuras.

fill(); // define el relleno
stroke(); // define el trazo


Podemos manejar sólo valores de gris, desde el negro hasta el blanco:

fill(0);       // negro
fill(255);  // blanco
fill(127);  // gris (cualquier valor desde 1 a 254)

 

col1


Podemos definir el color según sus valores en RGB, según el mismo sistema que en el diseño de paginas HTML:

fill (r,g,b);     // rojo, verde, azul 
fill (255, 255,0);   //amarillo (por síntesis aditiva)

 

col2



Transparencia
Estos dos modos de color pueden contener transparencia, añadiendo un valor al final con la cantidad:

fill (0,20);                 // ( 20 es alpha, la transparencia, de 0 a 255)
fill (0,0,255,30);     // azul con transparencia

 

col3transp



Hexadecimal
Acostumbrados a trabajar con color en HTML, podemos usar valores hexadecimales:
fill (#006699);

 

hex



Modos de color
Podemos elegir entre color RGB y HSB (hue, saturation, brigthness).
Puede resultar cómodo el HSB para girar por una rueda de valores tonales relacionados.


colorMode(HSB, 100);   // definimos el color según HSB, con un rango de 0 a 100

 

hsb

 


colorMode(RGB, 100);  // definimos el color según RGB, con un rango de 0 a 100. 
De este modo podemos evitar manejar valores de 0-255

 

rgb

 


Fondo de la ventana
Definimos el color de fondo con:

background(0); // negro
background(120,10, 90); // color

 

También podemos cargar una imagen de fondo, de modo semejante a como se carga una imagen de fondo en una página web. Se explica en la página de Imágenes.

 

 

[ GO TO : NEXT PAGE ->