Saturation / Examples /

Home » What Is Saturation In Color » Saturation / Examples /

Maybe your like

Examples+Learn→Examples→Basics→ColorSaturation

Saturation is the strength or purity of the color and represents the amount of gray in proportion to the hue. A "saturated" color is pure and an "unsaturated" color has a large percentage of gray. Move the cursor vertically over each bar to alter its saturation.

Highlighted Features

  • colorMode()
  • fill()
  • Saturation
Copy Open In Processing/** * Saturation. * * Saturation is the strength or purity of the color and represents the * amount of gray in proportion to the hue. A "saturated" color is pure * and an "unsaturated" color has a large percentage of gray. * Move the cursor vertically over each bar to alter its saturation. */ int barWidth = 20; int lastBar = -1; void setup() { size(640, 360); colorMode(HSB, width, height, 100); noStroke(); } void draw() { int whichBar = mouseX / barWidth; if (whichBar != lastBar) { int barX = whichBar * barWidth; fill(barX, mouseY, 66); rect(barX, 0, barWidth, height); lastBar = whichBar; } }

Related Examples

  • Brightness

    Brightness

  • Color Variables

    Color Variables

  • Hue

    Hue

  • Linear Gradient

    Linear Gradient

  • Radial Gradient

    Radial Gradient

  • Relativity

    Relativity

This example is for Processing 4+. If you have a previous version, use the examples included with your software. If you see any errors or have suggestions, please let us know.

Tag » What Is Saturation In Color