チェッカーシャドー錯視webシミュレーション-動かして同じ色を確認しよう

影の部分の色が異なって見えるチェッカーシャドー錯視をブラウザ上で実装し、色が同じであることを体感できるサイトツールです。

上の埋め込み内でも使えますが、うまく動かない・大きなページで使いたいというときは、元のチェッカーシャドー錯視シミュレーションページへ（新しいタブで開きます）。

チェッカーシャドー錯視とは

チェッカーシャドー錯視は、同じ色のマスが影の影響で違う色に見えてしまう視覚現象です。

影のかかっているマスは暗く、影のないマスは明るく見えるため、目で見た色と実際の色が一致しません。

この錯視は、人間の色覚が光や影の情報を補正する仕組みを示す代表的な例です。

ツールの使い方

本シミュレーターでは、8×8のチェッカーボードが表示され、AとBの2つのマスが用意されています。

• A：固定されているマスで、色を確認する基準になります。
• B：ドラッグして動かせるマスです。Aの上に重ねることで、実際には同じ色であることを確認できます。

画面上には緑色の長方形が置かれ、影を作ることでBの見え方が変わります。Bを動かしてAと重ねてみると、目の錯覚と実際の色の差を直感的に体験できます。

まとめ

• チェッカーシャドー錯視は影によって同じ色が違って見える現象
• Aは固定、Bだけをドラッグして動かせる
• 緑色の長方形が影を作り、Bの見え方を変化させる
• BをAに重ねることで、錯覚と実際の色の違いを体験できる

チェッカーシャドー錯視は、私たちの目が光や影を補正する性質をよく示す面白い現象です。このシミュレーターを使うことで、錯覚と実際の色の差を直感的に体験できます。