Friday, June 26, 2009

Blue and green, or is it?

Akiyoshi Kitaoka’s A group of green and blue spirals
Like anyone who works with painting, design or color in any form, I occasionally struggle with color; not just with mixing and choosing colors, but with the actual perception of color, the ability to answer the seemingly simple question “What color is that?”

All of my studies of color and color theory have led me to the inexorable conclusion that the single most important rule of color is that the human perception of any color is almost entirely dependent on adjacent or surrounding colors.

This is the basis of Eugene Delacroix’s wonderful quote: “I can paint you the skin of Venus with mud, provided you let me surround it as I will.”

While this principle is visible to the trained eye, both in painting and in life, it is never made more clear than in deliberately created optical illusions, like the e-Chalk color perception illusion I wrote about in this post.

This image shown here is one of the most striking illustrations of this principle I’ve seen.

I came across it in a post by Phil Plait on Bad Astronomy, who indicated the the original is from Akiyoshi Kitaokaâ’s optical illusion website (scroll to the bottom of the page).

Anyone with normal color vision will see a series of green and blue spirals. There would be little chance that a casual observer would suggest that the blue and green might be the same color, and yet they are.

You can see in the first detail image that the “green” spirals are only crossed by bands of orange, and the “blue” spirals are only crossed by bands of magenta.

In the second detail, you can see the Photoshop foreground/background color blocks where I have used the Eyedropper tool to pick one color out of the “green” band, and the other out of the “blue” band.

They are identical RGB values, 0, 255, 150. The same color.

The color is actually a green leaning toward blue. Richard Wiseman used Photoshop to change all of the values except the green and blue bands to black, and you can see a detail of the result in the bottom image. There is also a simplified version of the illusion here.

So the next time you’re looking at a color an think “that’s green” or “that’s blue”, well, maybe it is, maybe it isn’t, depending on the surrounding colors.

5 thoughts on “Blue and green, or is it?

  1. NYstudios

    When I measured the two colors you have they aren’t the same. Close, which I think is the point of the post, but one is:

    RGB: 54-234-137 and in Munsell 4.3G 8.1/11.9

    and the other is:

    RGB: 3-253-170 and in Munsell 7.7G 8.6/11.9

    What I think is important to realize is that these two colors have almost the exact same chroma and nearly the same value, but their hues aren’t the same. 4.3 and 7.7 is a big jump. I think, as you state in your post, color relationships are the hard thing for many people. But here we can see that you can do some interesting things by adjusting the hue and not the value or the chroma.

    Great site by the way! :)

  2. J.A. Kraulis

    I found the same discrepancy, and you do need to go to the original site. Zooming into the image here to see the individual pixels, you can see that the colors have been corrupted by the compression as Charley points out. The illusion on the site recommended is every bit as strong, and there are other examples equally unbelievable, if not more so.

    Thanks, Charley, for yet another one of your hundreds of fascinating and informative pieces. BTW, I’m a photographer working in Photoshop and other image editing programs, and I often encounter this kind of illusion in real world situations. I’ll have some subtle pastel that I want to intensify, say a rosy tinge in the sky perhaps, but when I try to increase the saturation, nothing happens. A check of the info palette then reveals that the color is actually neutral, or another shade of blue, damn. It just looks pink or peach because of the surround.

  3. Don Cox

    This effect is called Assimilation.

    Edwin Land (the inventor of Polaroid) did some very interesting research on the perception of colours being dependent on the surrounding colours. He was able to predict what a colour patch would look like by running a photocell “mouse” across the nearby patches.

    When an image contains less than 256 colours and needs to be sharp, it should be posted as a GIF, not a JPG. This applies to most colour illusions (and to maps, graphs, and diagrams). The JPG process can change colours as well as losing sharpness.

  4. Charley Parker Post author

    Thank you.

    My JPEG images were only meant to illustrate the article. Anyone interested in making the comparison in Photoshop should use the original image on Akiyoshi Kitaoka’s site.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>