Hue.

Hue is the color reflected from or transmitted through an object and is typically referred to as the name of the color (red, blue, yellow, etc.) Move the cursor vertically over each bar to alter its hue.

Copy

 
int barWidth = 20;
int lastBar = -1;

void setup() 
{
  size(640, 360);
  colorMode(HSB, height, height, height);  
  noStroke();
  background(0);
}

void draw() 
{
  int whichBar = mouseX / barWidth;
  if (whichBar != lastBar) {
    int barX = whichBar * barWidth;
    fill(mouseY, height, height);
    rect(barX, 0, barWidth, height);
    lastBar = whichBar;
  }
}

Functions Used

fill()

Sets the color used to fill shapes

Learn More

size()

Defines the dimension of the display window width and height in units of pixels

Learn More

rect()

Draws a rectangle to the screen

Learn More

setup()

The setup() function is run once, when the program starts

Learn More

colorMode()

Changes the way Processing interprets color data

Learn More

draw()

Called directly after setup(), the draw() function continuously executes the lines of code contained inside its block until the program is stopped or noLoop() is called

Learn More

noStroke()

Disables drawing the stroke (outline)

Learn More

background()

The background() function sets the color used for the background of the Processing window

Learn More