Gradient Bar
Balken auf Verlauf — 2026, generated SVG, dimensions variable · Luminance · Still
After Michel Eugène Chevreul, 1839
Is the bar one colour?
Ändert sich die Farbe dieses Balkens von links nach rechts?
So schaust du hin: Hintergrund mit dem Finger verdecken, nur den Balken ansehen
Teilen
Auflösung zeigen
Die Balkenfarbe ist von einem Ende zum anderen vollkommen einheitlich.
↑ Der Mechanismus, sichtbar gemacht.
Notes — warum es so aussieht
Was passiert hier
Der waagerechte Balken ist ein einfarbig gefülltes Rechteck. Nur der Hintergrund geht von links nach rechts von Dunkel zu Hell über. Trotzdem wirkt der Balken wie ein Gegenverlauf: „links hell, rechts dunkel”.
Deckst du den Hintergrund mit dem Finger ab und siehst nur den Balken an, erkennst du sofort die einheitliche Farbe — das funktioniert auch direkt am Smartphone.
Warum wir es so sehen
Dasselbe Prinzip wie bei der Helligkeitskontrast-Täuschung wirkt hier fortlaufend an jeder Position. Das linke Balkenende grenzt an dunklen Hintergrund und wird relativ hell eingeschätzt, das rechte Ende grenzt an hellen Hintergrund und wird relativ dunkel eingeschätzt. Diese Einschätzung geht innerhalb des Balkens fließend ineinander über, sodass ein Verlauf entsteht, den es gar nicht gibt.
Selbst nachbauen
Diese Täuschung hängt nur von den zwei Hintergrundfarben sowie Farbe und Breite des Balkens ab. In jedem Zeichenprogramm genügt ein Verlauf von dunkel (links) nach hell (rechts) und darauf ein einzelner mittelgrauer Balken – schon entsteht derselbe Effekt. Je schmaler der Balken, desto stärker wirkt der unmittelbar angrenzende Hintergrund auf jede Stelle.
Zuerst beschrieben
After Michel Eugène Chevreul, 1839
Quelle: „De la loi du contraste simultané des couleurs" (Über das Gesetz des simultanen Farbkontrasts)
Als Leiter der Färberei der Gobelin-Manufaktur untersuchte er Beschwerden, dass Fadenfarben je nach Nachbarfarbe anders wirkten — der Ausgangspunkt seiner Arbeit.
Media — Bilder und Daten
- OG / X (1200×630)
- Instagram quadratisch (1080×1080)
- Shorts / Reels hochkant (1080×1920)
- Lösungsbild — quer (X)
- Lösungsbild — quadratisch (Instagram)
- Lösungsbild — hochkant (Shorts)
- Beitragsentwürfe (JSON)
Für nicht-kommerzielle Zwecke wie Unterricht, Schulprojekte und Blogs frei nutzbar – bitte mit einem Link auf diese Seite als Quelle. Kommerzielle Nutzung ist nicht eingeschlossen
Jede Abbildung wird hier aus dem Phänomen selbst erzeugt (neu umgesetzt). Helligkeitskontrast, angewendet auf einen Verlaufshintergrund. Farbwerte und Balkenbreite werden vollständig parametrisiert und eigenständig erzeugt.



