Gradient Bar
グラデーションの帯 — 2026, generated SVG, dimensions variable · Luminance · Still
After Michel Eugène Chevreul, 1839
Is the bar one colour?
この横帯、左右で色は変わっている？
見るコツ: 指やカードで背景を隠して、帯だけを見てください
共有する
答えを見る
帯の色は端から端まで完全に一定です
↑ 仕掛けを可視化した状態
Notes — なぜそう見える？
何が起きているのか
横帯は1色で塗られた長方形です。背景だけが左から右へ暗→明に変化しています。 それでも帯は「左が明るく、右が暗い」逆向きのグラデーションに見えます。
指で背景を覆って帯だけを見ると、その場で一定色だと分かります。これはスマホでもすぐ試せます。
なぜそう見えるのか
明度対比の錯視と同じ仕組みが、位置ごとに連続して起きています。 帯の左端は暗い背景に接しているので相対的に明るく、右端は明るい背景に接しているので相対的に暗く評価されます。 その評価が帯の内部で滑らかにつながるため、存在しないグラデーションが見えます。
自分でも作れる
この錯視は、背景の2色と帯の色・太さだけで決まります。 お絵かきアプリで「左が暗く右が明るいグラデーション」を敷き、その上に背景の中ほどの明るさの灰色の帯を1本置けば、同じ錯視が再現できます。 帯を細くするほど、帯の各部分が背景の影響を受けやすくなります。
この錯視の初出
After Michel Eugène Chevreul, 1839
原典: 『De la loi du contraste simultané des couleurs』（色の同時対比の法則）
ゴブラン織工場の染色主任として、糸の色が隣の色で変わって見える苦情を調べたのが出発点。
Media — 画像素材とデータ
- OGP / X（1200×630）
- Instagram 正方形（1080×1080）
- Shorts / Reels 縦（1080×1920）
- 答え合わせ画像・横長（X の 2 枚目）
- 答え合わせ画像・正方形（Instagram の 2 枚目）
- 答え合わせ画像・縦（Shorts の答え）
- SNS 投稿文データ（JSON）
授業・自由研究・ブログなど、非商用なら画像を自由に使えます。出典としてこのページへのリンクを付けてください。商用での利用は対象外です
図版は現象の原理から本サイトで生成しています（自前で再実装）。明度対比をグラデーション背景に適用した構成。色値・帯の太さはすべてパラメータ化して自前生成している。