<?xml version="1.0" encoding="utf-8"?>

Munker-White Illusion

The yellow rectangles in both A and B sections are of the same color and brightness — crazy, right? The Munker-White illusion shows how our brain and eyes create different perceptions of brightness. The illusion is based on the Bezold Effect named after Wilhelm von Bezold. He was a meteorology professor from Germany who discovered that color might appear different depending on its surroundings.

The original version of this illusion uses black and white stripes that are partially replaced by gray rectangles. All grey bars are the same color and opacity. Their brightness depends on the brightness of the top and bottom border stripes.[1]

Pro Tip: Use the Bezold Effect in your designs by playing around with the lightness and color of the foreground to see how it affects the background shapes.

Improve your UX & Product skills with interactive courses that actually work