Background, Stroke, and Fill

int x = 50;

int y = 50;

​

size (500, 500);

background(255, 255, 255);    // The Background is setup to be White right now, it uses RGB or Hex values, like Fill

​

// You can also use hexadecimal (type of color mode, like RGB, CMYK etc, used in web design more frequently)

//background(#07deff);    

​

​

//---------------------------------------------FILL!

// fill unless specified is in RGB mode

// fill(Red, green, blue)

// Max value of Red/Green/Blue are 255 individually

// So 255, 255, 255 = white, but 0, 0, 0 is black. So whatever value to stick in there generates a colour

​

​

// A. Red ellipse with black border (border is always there by default)

fill (255, 0, 0);         // Red

ellipse (x, y, 100, 100);

​

// B. Green rectangle with NO BORDER!

fill (0, 255, 0);         // green

noStroke();               // This takes the stroke off! 

rect(x-50, y+100, 100, 100 ); 

​

// C. Blue rectangle with 5px thick border

fill (0, 0, 255);         // blue

strokeWeight(5);          // Thickness of the Border

stroke (226, 136, 214);   // Colour of your stroke Border (it's pink here)

ellipse (x, y+300, 100, 100);