Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change private icons and text to use lighter and less saturated color rather than transparency #4078

Open
jeisenbe opened this issue Mar 15, 2020 · 2 comments
Labels

Comments

@jeisenbe
Copy link
Collaborator

Related to #3589

Currently private icons use transparency (opacity 0.33) for the icon and text in several cases.

This started with amenity=parking + access=private in 2014 - see #1012, then private recycling and playgrounds were added in #1191.

But most icons and text labels with this transparent rendering were added in later 2018: #3528

Since these newer features can be rendered on various backgrounds, or overlapping two different colors, the low opacity (high transparency) leads to odd color mixing sometimes. The semi-transparent text labels can be hard to read (as mentioned in issue #3320 and #2170).

There were also some suggestions to not render some of these features when they are private, e.g. #683.

I would suggest reconsidering this rendering. While it often works, when the icon is on a contrasting color (e.g. green on red, purple on yellow) the low opacity produces non-intuitive colors.

An alternative would be to reduce the saturation and increase the lightness for the private icons, rather than using opacity. This will make the colors the same no matter what background color is in the area.

See #3589 (comment) and #3589 (comment)

Current rendering:

https://tile.openstreetmap.org/19/274268/181238.png

screenshot_2018-12-23 181238 png obraz png 256 x 256 pikseli

Test with current rendering over different color areas:

opacity-test-current-master

@jeisenbe jeisenbe added the POI label Mar 15, 2020
@polarbearing
Copy link
Contributor

Yes I am in favour of having two fixed colours for public and private, respectively, instead of transparency.
Question is if we simply define two values for a particular type, or want that calculate as a percentage?

@jeisenbe
Copy link
Collaborator Author

It would give the best results if we calculated the new color using Lch or Lab or another perceptually uniform colorspace.

But it would be easier to use the lighten and desaturate functions in Mapnik. Those would also have the advantage of clearly relating the new color to the original color, and would make adapting the style easier in the future.

Another option is to mix the icon color with a neutral light gray color. See #3589 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants