Chromostereopsis (Color Depth Illusion)

Flat colours at different depths

The demo shows saturated red and blue shapes on a black background. Everything sits on the same flat screen, with no shading, no perspective and no patterns, and yet for most people the red shapes seem to float a little in front of the blue ones. A minority of people see it the other way round, with blue in front, and some see no depth at all. If you switch to "Same picture in greys", you'll get exactly the same layout, and it looks perfectly flat.

It starts in the eye

Most of the illusions on this site are about how your brain interprets an image. Chromostereopsis starts earlier, in the optics of the eye itself. The lens of your eye doesn't focus all colours at exactly the same point: shorter (blue) wavelengths are bent more than longer (red) ones. This is called chromatic aberration, and it's the same flaw that gives cheap camera lenses coloured fringes around high-contrast edges.

On its own, that would only cause a slight blur. What turns it into depth is that the pupil isn't perfectly centred on the eye's optical axis, so red and blue light land in slightly different places on the retina, shifted sideways in opposite directions in your two eyes. The result is a small difference between the images in your left and right eyes, which is exactly the kind of signal your brain uses to judge distance. So your brain reads it as depth, and the red and blue shapes end up at different distances even though there's no depth in the image at all.

That's also why closing one eye makes the effect disappear. With only one image, there's no difference between the eyes for your brain to read.

Why people disagree

Because the effect depends on the fine details of each person's eyes, and especially on where the pupil sits relative to the optical axis, chromostereopsis varies a lot from person to person. Willem Einthoven, who is better known today for inventing the electrocardiogram, made it the subject of his 1885 doctoral thesis and showed how much it depends on the pupil. Covering the inner parts of both pupils makes red come forward, while covering the outer parts puts blue in front instead (Einthoven, 1885; Kitaoka, 2015). Later work looked in detail at how the pupil's position and size shape the effect (Vos, 1960).

A problem for designers

Saturated red text on a blue background, or the other way round, can seem to shimmer or float in a way that's tiring to read, which is one reason designers avoid that combination. Like autostereograms, chromostereopsis creates depth from a difference between the two eyes' images, but here the difference comes from the optics of your own eyes, not from a pattern on the page. It's also a good example of the same picture producing different experiences in different people, just like the dress.