White’s Illusion
ホワイト錯視 — 2026, generated SVG, dimensions variable · Luminance · Still
After Michael White, 1979
Are both gray columns equally bright?
左右の灰色は同じ明るさ？
共有する
答えを見る
左右の断片はすべて同じ灰色です。
↑ 仕掛けを可視化した状態
Notes — なぜそう見える？
何が起きているのか
ホワイト錯視とは、同じ灰色の断片が、周囲の縞との続き方によって左右で違う明るさに見える錯視です。左の断片は黒い横縞を置き換え、右の断片は白い横縞を置き換えています。どちらの断片も同じ大きさで、同じ灰色です。周囲に接する白と黒を数えるだけではなく、何の続きとして見えるかに注目してみてください。明度対比と似ていても同じ説明では済まない面があります。
なぜそう見えるのか
灰色の断片が白い縞の続きに見えるか、黒い縞の続きに見えるかで、明るさの印象が変わります。近くの色との差だけでなく、領域のまとまり方や線の方向も関わります。単純な側抑制だけでは予測しにくい錯視です。
確かめ方
白黒の縞を隠すと、2列の断片だけが残ります。答え合わせで現れる横長の帯も断片と同じ灰色です。上下の縞を見てから帯へ視線を移し、文脈がある場合とない場合で明るさの印象を比べてください。
現象の参考: Michael Bachによる解説。図版はこのサイトの自前実装です。
この錯視の初出
After Michael White, 1979
明るさが「隣との対比」だけでは決まらないことを示した例。
Media — 画像素材とデータ
- OGP / X（1200×630）
- Instagram 正方形（1080×1080）
- Shorts / Reels 縦（1080×1920）
- 答え合わせ画像・横長（X の 2 枚目）
- 答え合わせ画像・正方形（Instagram の 2 枚目）
- 答え合わせ画像・縦（Shorts の答え）
- SNS 投稿文データ（JSON）
授業・自由研究・ブログなど、非商用なら画像を自由に使えます。出典としてこのページへのリンクを付けてください。商用での利用は対象外です
図版は現象の原理から本サイトで生成しています（自前で再実装）。一般的なホワイト錯視の原理をSVGで自前実装。他者の図版・コードは転載していない。