This image is in disarray!

Seeing colors juxtaposed next to one another is essential to understanding exactly how colors operate and are perceived in a surrounding environment. In the image below, there should be a gradual value shift from saturated hues toward desaturated tones with the continuous addition of white. However, in its present state, this image demonstrates a chaotic system of color, void of logic. Quickly attempt to rearrange this image by clicking and dragging pieces to construct an organized composition and to rememdy this chaos.

The colors within this image, while all sharing the same parent hue colors (orange and yellow-green), demonstrate the extreme subtleties with which color varies in any given context. A simple grid formation such as this one easily gives these colors a distinguished look and helps the human eye better perceive transitions across a single hue. These colors become 'tinted' (having white added to them) and thus, show a different perception of each color. By acknowledging such contrast, the eyes can be trained to see similar shifts within the quotidian atmosphere of our own lives. But why is this important?

Why is it important to distinguish colors, to acknowledge that two oranges or reds or greens may be extremely similar, but are slightly different in value or hue? Well, why is it important to use correct vocabulary when trying to speak eloquently? Colors are to the eyes what words are to the mouth. Though it may seem we only perceive color as it is reflected off a surface and is projected 'onto' our eyes, looking at and understanding color is a skill that needs training. Similar to speaking, viewing colors is just a habit of knowing how to talk about color, incidentally, what words to use when describing a color and how to notice things we would never consider without first learning the relationship that exists between multitudinous tones, hues, and more. Josef Albers does an excellent job at directing us in this task with his book Interaction of Color.

This set of squares aptly demonstrates a clear progression from a saturated hue towards (counter-clockwise) a tint. This is a good starting point when discussing variations across a single hue, especially when an unfamiliar vocabulary becomes a roadblock to understanding colors. When these squares become "lighter" they also become more desaturated, as if we're placing thicker and thicker quantities of translucent film onto each square.

Back to Top