Color wheel in React
Does it make sense to make the handle draggable? If so, how? Oh, and the main question, how to determine the color the handle is on.
19 Replies
To determine the color I think the best will be to use the position
In your case, could you take a look at polar coordinates?
Polar coordinates?
Btw, if you want to do it without the image but in square, you could layer 3 gradients, for colour, white and black at the end
Yes
Cause your image is Circular
So you could take polar coordinates from the center of the image
And adjust it
Angle is H
Distance is S
Right handle is V
Okay that's interesting
Thanks
Yw
Can u explain that once more? I'd like to use the gradient but I'm not sure what you mean by that
3 frames with ui gradients
Or at least 2 have gradients
1st is the color
Ohh
2 is white gradient from right to left with left fully transparent
Yh got it
Ty
3rd is black gradient from bottom to top with top fully transparent
You have to layer is that order otherwise it's going to be messed up
What do u think would be better for the user
Color wheel or
Doesnt matter
Ic
Btw if you want a cool way to input the colour by numbers don't follow the roblox's colour picker design
I think it's too chunky
The best Ive seen is you have 3 texboxes for rbg
Then if you click on RGB text on the bottom, it switches to hsv
And then to hex but with 1 textbox
Then other suggestion will be, don't store position in color esp rgb
You cat get the position from it at the start but no more
If you gonna set colour to back e.g. black, it's going to mess up sliders
?
Do you want the user to set his own colour via number or hex?
Doesn't really matter to me
Rn it's hex cuz it's easier in my opinion
Ok