Improve marker colours (particularly purple vs blue)

gregrs-uk / python-fhrs-osm

Python tools and Leaflet maps for downloading, comparing and visualising Food Hygiene Rating Scheme (FHRS) and OpenStreetMap data

http://gregrs.dev.openstreetmap.org/fhrs/

GNU General Public License v3.0

8 stars 2 forks source link

Improve marker colours (particularly purple vs blue) #58

Closed gregrs-uk closed 5 years ago

gregrs-uk commented 5 years ago

From Robert Whittaker @rjw62 via email:

I find it quite difficult to see the difference between the purple markers (OSM with postcode) and blue markers (unmatched FHRS entries) on the map. Could you try adding a bit more contrast between the colours there? Perhaps add a bit more red to the purple and make it a bit darker, while making the blue brighter.

rjw62 commented 5 years ago

The top row shows current marker colours. The bottom row shows my suggested tweaks to the purple and blue ones: changing the purple from #984ea3 to #c03ca5 (slightly more red and more saturation) and the blue from #377db8 to #007fff (more blue and less red).

SK53 commented 5 years ago

Why not used ColorBrewer's standard 5 colours and then it will work for people with various forms of colour-blindness.

gregrs-uk commented 5 years ago

It looks like I did use a ColorBrewer palette originally but unfortunately none of the five-colour qualitative palettes are colourblind-safe.

gregrs-uk commented 5 years ago

In fact according to the simulations provided by Color Oracle, @rjw62's colours actually look a little easier to discern for those with the two most common forms of colour-blindness:

Deuteranopia

Protanopia

gregrs-uk commented 5 years ago

Example for overview map:

Old

New

gregrs-uk commented 5 years ago

Thanks @rjw62. Dev server version should update tomorrow morning.