Processing: Creative Coding and Computational Art

PROCESSING: CREATIVE CODING AND COMPUTATIONAL ART
422
I used a changing interpolation value in the last example to create a gradient blend
between the two color arguments through the display window. Try changing the starting
color values as well as the variables stepsH and stepsW (which can be different from one
another) to alter the color gradient.
In addition to blendColor() and lerpColor(), Processing includes seven other handy
functions for accessing individual color component values. I’ve included six of these functions
within the next example, which outputs the individual color components (R, G, and
B) as well as hue, saturation, and brightness values; I didn’t include alpha(), but it works
similarly to the other six (the sketch output can be seen in Figure 10-16):
// Color Component Functions
color c1 = color(123, 200, 52);
println("Default RGB, 255");
println("red = "+ red(c1));
println("green = "+ green(c1));
println("blue = "+ blue(c1));
println("hue = "+ hue(c1));
println("saturation = "+ saturation(c1));
println("brightness = "+ brightness(c1));
println("\nStandard HSB 360, 100, 100");
colorMode(HSB, 360, 100, 100);
println("red = "+ red(c1));
println("green = "+ green(c1));
println("blue = "+ blue(c1));
println("hue = "+ hue(c1));
println("saturation = "+ saturation(c1));
println("brightness = "+ brightness(c1));
println("\nAlternative RGB 1.0");
colorMode(RGB, 1.0);
println("red = "+ red(c1));
println("green = "+ green(c1));
println("blue = "+ blue(c1));
println("hue = "+ hue(c1));
println("saturation = "+ saturation(c1));
println("brightness = "+ brightness(c1));