Worked on a project that wanted to make everything a different grayscale color. It was out of control already when someone one day complained that two pieces of text were a different color.

They weren’t. They were identical. But they were on two different background colors which make the optical illusion that they weren’t. And I reminded them for the twentieth time that we were using too goddamned much gray.

    "25 - Appearing Dots"

    "26 - Disappearing Dots"

[1] https://www.psy.ritsumei.ac.jp/akitaoka/kieru3e.html#:~:text...

[2] https://www.psy.ritsumei.ac.jp/akitaoka/kieru3e.html#:~:text...

[3] https://codepen.io/myf/full/XjdmJy ( scintillation warning)

[4] https://codepen.io/myf/full/jMqoMW ( scintillation warning)

Coca cola appears red when no red at all is used in whole image

I did something similar for my personal favorite illusion, the Ames window illusion. Recreated with CSS: https://brandondong.github.io/blog/ames_window/

Also, interestingly, I seem to be able to force myself to "see through" all of these illusions except for induced gradients, which I can't stop seeing unless I cover part of the screen.

I want to put some of them in my UIs.