インタラクティブ錯視ジェネレーター

7つの定番錯視をライブスライダーで調整 — 透かし付きPNGを保存・共有。

下のデモから選んでください。すべてブラウザ内で描画され、アップロードはありません。スライダーで錯視の強さを変え、「保存/共有」で透かし付き画像をダウンロードできます。

ムンカー・ホワイト錯視

ムンカー・ホワイト錯視:A列とB列は同じグレー(#939393)。Aは白い横縞の上、Bは黒い横縞の上にだけ現れます。周囲の縞の明るさに同化し、Aは明るく、Bは暗く見えます。「黒い縞を表示」のチェックを外すとすべて白になり、二列が同じ連続したグレーになることが分かります。

A列とB列は同じグレー。黒い縞を隠すと一致が分かります。

ヘルマングリッド錯視

ヘルマングリッド(1870年):黒い四角の白い交差点に、周辺視野で灰色の幻影点が現れます。間隔を広げたり角を丸くすると幻影は消えやすく、実験教材に最適です。

白い交差点を周辺視で見る—間隔や角丸で幻影は消えます。

5px
8%

カフェウォール錯視

カフェウォール錯視(1973年):タイル行を半マスずらすと水平の目地が波打って見えます。シフト0%で真っ直ぐ;「タイルを隠す」で平行線だけを確認できます。

50%

エビングハウス錯視サンドボックス

エビングハウス錯視:左右の青い標的円は同じピクセルサイズです。「文脈円を表示」を外すと上下の破線で一致が確認できます。「左標的」「右標的」と表示するのは、スライダーでどちらが大きく見えるかが入れ替わるためです。

25px

左標的 右標的
6

チェッカー影錯視

Adelsonのチェッカー影錯視:マスAとBは同じグレー(#787878)。緑の円柱の影でAが暗く見える。影を消すかオレンジの連結線で比較 — ピクセルは変わらない。

AとBは同じグレー。影を消すか連結線を表示して比較。

Müller-Lyer錯視

Müller-Lyer:同じ長さの2本の水平線。内向きの矢印(>——<)は短く、外向き(<——>)は長く見える。矢羽の長さと角度で効果を調整。

180px
42px
45°

Ponzo錯視

Ponzo:収束する「線路」が奥行きを示す。2本の横棒は同じピクセル幅だが、上の棒は線路が狭く見える位置にあり長く見える。

55%
0px

Other tools you may like

よくある質問

ムンカー・ホワイト錯視とは?
ホワイト効果とも呼ばれ、同じグレーでも白い横縞の上では明るく、黒い横縞の上では暗く見えます。脳が周囲の縞の明るさに同化するためで、色そのものは変わりません。
ヘルマングリッド錯視とは?
白地に黒い四角の格子で、白い交差点に灰色の「幻影点」が見えることがあります(特に周辺視)。網膜の側方抑制により、交差点の白が多いと信号が抑制され暗く感じられます。
カフェウォール錯視とは?
白黒タイルの行を半タイルずらしても、行間の目地は水平のままですが、しばしば傾いたり波打って見えます。狭い目地の明るさ手がかりを視覚が誤解するためです。
エビングハウス錯視とは?
中央の2つの円は同じ大きさですが、周囲の「誘導円」によって大きさの感じが変わります。大きい誘導円は標的を小さく、小さい誘導円は大きく見せる—古典的な文脈によるサイズ対比です。
チェッカー影錯視とは?
同じグレーの2マスが、影の中だと暗く見える。影を消すか連結線で直接比較しよう。
Müller-Lyer錯視とは?
同じ長さの線が、矢印の向きで長さが変わって見える。
Ponzo錯視とは?
収束線が遠近法を真似る。同じ幅の棒が上にあると遠く見え、長く感じられる。
このページで何ができますか?
各錯視がどう生まれるか、どう崩れるかを対話的に体験できます。スライダーで効果を強めたり弱めたり、縞や文脈円の表示切替などでリアルタイムに確かめられます。アップロード不要、ブラウザだけでデモ・授業・好奇心に。
「保存/共有」で何が得られますか?
現在の設定の高解像度PNG(隅にrockimg.com透かし)—SNS、スライド、教材、ブログ向け。