Checker Shadow
影と市松模様 — 2026, generated SVG, dimensions variable · Luminance · Still
After Edward H. Adelson, 1995
Which square is lighter, A or B?
AとB、明るいマスはどっち？
共有する
答えを見る
AとBのマスは同じ灰色です。
↑ 仕掛けを可視化した状態
Notes — なぜそう見える？
何が起きているのか
この市松模様と斜めの影は、一般的な明るさの恒常性の原理を自前で構成した図です。有名な円柱の図版を貼り付けたものではありません。Aは影の外の暗いマス、Bは影の中の明るいマスです。文字ではなく、その周囲の正方形の明るさを比べてください。
なぜそう見えるのか
視覚は届いた明るさから、物の色と照明の影響を分けようとします。影の中の明マスと、影の外の暗マスは違う文脈として読まれます。そのため画像上は同じ灰色でも、物の明るさの印象が一致しないことがあります。
確かめ方
答え合わせで2つのマスを同じ灰色の帯でつなぎます。帯とマスの境界が見えにくくなることを確かめてください。周りの市松模様を隠すこともできます。模様を戻すと差が戻るかも試せますが、効果の強さには環境や個人による違いがあります。
現象の参考: Michael Bachによる解説。図版はこのサイトの自前実装です。
この錯視の初出
After Edward H. Adelson, 1995
マサチューセッツ工科大学。原理だけを参照し、図版はこのサイトで作り直している。
Media — 画像素材とデータ
- OGP / X（1200×630）
- Instagram 正方形（1080×1080）
- Shorts / Reels 縦（1080×1920）
- 答え合わせ画像・横長（X の 2 枚目）
- 答え合わせ画像・正方形（Instagram の 2 枚目）
- 答え合わせ画像・縦（Shorts の答え）
- SNS 投稿文データ（JSON）
授業・自由研究・ブログなど、非商用なら画像を自由に使えます。出典としてこのページへのリンクを付けてください。商用での利用は対象外です
図版は現象の原理から本サイトで生成しています（自前で再実装）。一般的な影と市松模様の原理をSVGで自前実装。他者の図版・コードは転載していない。