Hermann Grid
ヘルマン格子 — 2026, generated SVG, dimensions variable · Luminance · Still
After Ludimar Hermann, 1870
Are there gray spots at the crossings?
交点に灰色の点がある？
共有する
答えを見る
交点も道の途中も白です。灰色の点は描いていません。
↑ 仕掛けを可視化した状態
Notes — なぜそう見える？
何が起きているのか
英語読みでハーマン格子と書かれることもあります。視線を一つの交点に固定したまま、周囲の交点も視野に入れてみてください。周辺に灰色のしみが見えても、そこへ視線を動かすと消えたり弱まったりします。アニメーションは使っておらず、交点の白は道の途中と同じ色で塗っています。
なぜそう見えるのか
明るさの見積もりは一点の画素だけでなく、周りの配置や線の方向にも影響されます。交点と道の途中では文脈が異なります。昔から網膜の側抑制で説明されてきましたが、それだけでは説明できない性質も知られています。
確かめ方
答え合わせで囲まれる小さな2か所は、交点と道の途中です。どちらも白い面であることを確認できます。画面の大きさや距離でしみの見え方は変わるので、一か所を強く凝視し続けるより、無理なく図全体を見渡して試してください。
現象の参考: Michael Bachによる解説。図版はこのサイトの自前実装です。
この錯視の初出
After Ludimar Hermann, 1870
Media — 画像素材とデータ
- OGP / X（1200×630）
- Instagram 正方形（1080×1080）
- Shorts / Reels 縦（1080×1920）
- 答え合わせ画像・横長（X の 2 枚目）
- 答え合わせ画像・正方形（Instagram の 2 枚目）
- 答え合わせ画像・縦（Shorts の答え）
- SNS 投稿文データ（JSON）
授業・自由研究・ブログなど、非商用なら画像を自由に使えます。出典としてこのページへのリンクを付けてください。商用での利用は対象外です
図版は現象の原理から本サイトで生成しています（自前で再実装）。一般的なヘルマン格子の原理をSVGで自前実装。他者の図版・コードは転載していない。