How to pick darker color? about react-native-color-wheel HOT 3 CLOSED

Hi @msevestre, thanks for opening the issue.

The goal of this component is to change colors in a HSL / HSV model. The color selection is not based on the image, but on the angle and position of the thumb. Changing the background image would not suffice, you would need to change how the color is retrieved.

This is easy, and I would welcome a PR that is backgrounds compatible, but its implementation it's not planned.

Related 👉 #13

from react-native-color-wheel.

I don't think this is related to #13 whatsoever. I am not asking for black color. Just asking for darker color for green.

The goal of this component is to change colors in a HSL / HSV model. [...] Changing the background image would not suffice, you would need to change how the color is retrieved.

Yes this is clear that some code will need to be implemented to make it work. But don't you think that this would make sense to have a green color range that is bigger (for a lack of a better word) that what is available now? The green is almost the same throughout the wheel area

whereas blue and red go from light to dark.

This is easy, and I would welcome a PR that is backgrounds compatible,

I am not sure what you mean with background compatible. If you give me some pointers however on how this could be implemented, I could give it a try

from react-native-color-wheel.

Sorry I meant backwards compatible (editing soon).

I am afraid you already have available 360º of hue. The only way to get more green options, would be to have a higher definition, but I wonder how the user experience would be.

You can turn a color darker, reducing it's luminosity or brightness, properties of the HSV format. Normally other color pickers offer a second spinner or UI element to increase the range of the colors, but this wheel is supposed to be the wheel only.

I can't come up with an elegant and easy solution, knowing those restrictions. If you can come up with one, I'm open to it.

More info about color and encodings:
https://en.wikipedia.org/wiki/HSL_and_HSV

from react-native-color-wheel.