I really like this, but FYI I do struggle to tell the difference between the first and last colour. There are probably others out there with this problem.
This test has as much to do with the monitor's gamma correction and color fidelity as anything else, IMO. Whenever I was unsure of the order, dragging the window over to a different monitor helped immensely. I was able to get a 0 by doing that, which I don't think I could have done on either monitor by itself.
Not really, they are just similar if you put it next to eachother (both are essentially shades of purple/violet) and as they are at different ends of scale it could get confusing if used as heatmap
> Attention! Please rotate your phone or view this test on a larger device for best results.
It doesn’t even let me dismiss that message. Who does this? Intentionally breaking your whole site because it might not look good. (This is an iPhone 14 max, so already a pretty big screen, and I’m in portrait orientation.)
I scored a 0, but I still find the first and last colors to be hard to tell apart at a glance (though they might be easier to distinguish if they were right next to each other).
On my laptop and phone I can tell the two apart both together and with some distance between them when in relatively isolated blocks with similar surroundings. I might struggle if one were surrounded by brighter colours than the other, though human visual perception had trouble with that anyway (hence the "those two colours are actually the same" optical illusions).
The screen I code/write/read on mainly is setup differently to be easier on the eye for long periods but is not as true in colour output, I think (I'm away from it right now so can't check) they may look nearer identical on there.
I suspect people reporting difficulty seeing the difference will be a mix of differences in their eyes and differences in they screen configuration (or screen quality: some things can't be configured around).
