本文へスキップ

グラデーションの上の帯 — 色は変わっていない

この横帯、左右で色は変わっている?

💡 指やカードで背景を隠して、帯だけを見てください

周りの文脈だけを消します
答えを見る

帯の色は端から端まで完全に一定です

↑ 仕掛けを可視化した状態

何が起きているのか

横帯は1色で塗られた長方形です。背景だけが左から右へ暗→明に変化しています。 それでも帯は「左が明るく、右が暗い」逆向きのグラデーションに見えます。

指で背景を覆って帯だけを見ると、その場で一定色だと分かります。これはスマホでもすぐ試せます。

なぜそう見えるのか

明度対比の錯視と同じ仕組みが、位置ごとに連続して起きています。 帯の左端は暗い背景に接しているので相対的に明るく、右端は明るい背景に接しているので相対的に暗く評価されます。 その評価が帯の内部で滑らかにつながるため、存在しないグラデーションが見えます。

量産のしかた

この錯視は背景の2色と帯の色、太さだけで決まります。 本サイトのジェネレータでは darkBackground / lightBackground / target / barRatio の4つを変えるだけで、 色違い・太さ違いのバリエーションを何枚でも生成できます。

次の錯視

流れて見えるタイルこの画像、どこか動いている?

関連する錯視

この錯視の画像素材とデータ

図版は現象の原理から本サイトで生成しています(自前で再実装)。明度対比をグラデーション背景に適用した構成。色値・帯の太さはすべてパラメータ化して自前生成している。