jQuery draggable()を使って、目の錯覚の確認

人間の目がいかに騙されやすいかを jQuery draggable()を使ってテストします。下側にグレイの6個の正方形が並び、その背景はグレイスケールのグラデーションになっています。それらの上に「draggable」と書いた正方形があり、マウスカーソルをこの正方形の上に上に乗せ、左クリックでつかんで画面内を自由にゴラッグ移動できます。

実は、この正方形も下側の6個の正方形もすべて同じ濃さのグレイ、同じ色なのですが、背景の色の影響で錯覚をおこしすべて違う色（濃さ）に見えます。上の正方形をドラッグして下の6個に近づけると、同じ色であることが分かります。