Color

16,777,216 colors possible.

Your perception of a color is affected by the colors near it.

color2

block3

A bit of code here to demonstrate the potential  of color relationships using Processing.  

Try it:

colorboxcode

 Note what happens to your own color perception as you play with this program.

block3

HSB Mode

84697-Labeled_Color_Wheel

No longer thinking in standard RGB color profiles, we reframe our thought processes to use a more advanced color mode for rendering hues, HSB. (There is a basic overview of RGB color and the pixel grid system posted here if you need a primer.) Simply put, HSB gives you a more refined way to control how you think about coding your colors.

hsb2

 

As a method of programming colors, using HSB is useful for creating color progressions (such as gradual palettes of related colors). In this case, knowing the actual figures for the red, green and blue primaries (RGB) is not necessary. HSB offers a more intuitive representation of the relationship between colors. Just find your color number (H) and then gradually adjust the saturation (S)  and brightness (B) values for smooth incremental colors.

blue_colour_gradient_wallpaper_by_frostyvamp-d3aco1o

It is important to note that HSB is the exact same set of colors as in the RGB color space.

HSB just uses a different coordinate system to describe the colors.

color-selector

 

block3

The Color Spectrum

spectrum

Use this interactive program to explore gradations in color.

Note your perceptions of contrast, light and scale.

grid

block3

 The Color Wheel and Exporting

131002_183919_3634

This program provides a closer look at how HSB color mode functions. While the program runs, pressing the number keys 1-5 will redivide the color wheel and generate more complex divisions. When you press S, the program will export a PNG image of your Sketch to the corresponding code folder.

Download and play with the annotated code here –> Color_Wheel_Code

block3

generative0design

 

 

 

 

 

 

Also See:

Tom Jewett’s extensive color tutorial here.