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

In built way to automatically Darken or Lighten by amount depending on the color luminance #230

Open
SrBrahma opened this issue Oct 11, 2021 · 0 comments

Comments

@SrBrahma
Copy link

I want to change automatically choose the background color of a button when pressed. It shall darken the color if it is light, and lighten it if it's dark, and I think tinyColor could have this function.

It could just check the luminance/brightness of the color (like the L component of HSL) , and depending on it, darken() or lighten() by an amount.

It could be like

darkenLighten(color: Color, amount: number = x, threshold: number = y)

Amount is how much it should change the L, threshold is how much L, from 0 to 100, it should choose to use darken or lighten.

Throwing out numbers without any test, x could be like 10, threshold maybe 50.

@SrBrahma SrBrahma changed the title In built way to Darken or lighten by amount depending on the color In built way to automatically Darken or Lighten by amount depending on the color luminance Oct 11, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant