Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Look at this picture:

enter image description here

All the squares are filled with solid color without any gradient, but at the borders between the colors we see as if gradients were used.

In the past I tried to create similar image by using gradients, but with the time realised that optical illusion gives me the opportunity to create the picture with solid colors without gradients.

I am looking for the name of this phenomenon. Tried to find the name but only "optical illusion" came to results.

share|improve this question

2 Answers 2

up vote 8 down vote accepted

The illusion is called "mach bands"

See here: Mach Bands

Excerpt:

The Mach bands effect is due to the spatial high-boost filtering performed by the human visual system on the luminance channel of the image captured by the retina. This filtering is largely performed in the retina itself, by lateral inhibition among its neurons.

The effect is independent of the orientation of the boundary.

share|improve this answer
    
nice catch, accepted! –  Ilan Apr 10 at 7:06

enter image description here

You need to read Josef Albers' Interaction of Color

The effect you see in your example has many permutations. Albers walks the reader/student through them via a precise and well-crafted set of experiments. His book (now over 50 years old) remains the quintessential guide to understanding the relative nature of color.

As an introduction, Albers writes (emphasis mine):

In visual perception a color is almost never seen as it really is — as it physically is. This fact makes color the most relative medium in art.

Elsewhere, Albers quotes Kandinsky to emphasize the plasticity of color:

What counts is not the what but the how.

The material values of any color (not just value changes within a single tone) are deeply influenced by environment.

Elsewhere in the book he points to the fact that we can isolate things like musical notes to be heard (mostly) without comparative influence. Color is much more difficult to isolate and is, thus, always viewed within the context of relative interaction.

How do we make 1 color 2

In your example, the adjoining light/dark relationships relatively magnify each other. As your eye moves across the color plane it is next effected in the reverse by the value on the opposite side. In between, your eye blends the difference.

To make those shifts even across a space, you have to properly measure the steps. Albers also identifies the guiding principal behind this problem: The Weber-Fechner Law. In short, this tells us that even mathematical progression will yield an uneven gradation. In other words, if the first step moves from 10% brightness to 20%, choosing 30% next will cause your differential to drop off. The proper value should be selected by proportional increase, ie 40%.

The exciting part is that you can bend color in much greater ways by manipulating the same comparative factors. The original cover (above) perfectly articulates the basic concept.

share|improve this answer
    
The answer is: don't bother labeling it. There is a wide range of transformation you can apply to a color when you understand Albers' experiments. I'll dig up my copy and find a representative passage to reference. –  plainclothes Apr 10 at 16:10
    
@JohnB I hope my extended answer provides greater context for what I was getting at. Now you should go buy the book ;) –  plainclothes Apr 11 at 20:20

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.