This is something that I could not find on the dev forums but instead on people asking how to do it so I took my time and have managed to make it work, usually color pickers work with 2d Gui by getting the mouse position from the screen, but surface Gui’s are different they are 2d but in the 3d world meaning I had to somehow get the mouse position in 3d space and translate it to a position of a surface Gui is know I’m not going to go too much in the way I did it but to put it simply I made the mouse position relative to the top right position of the display part, but enough of that here is the place where you can test it out as well as a model you can use!
NOTE: (The only downside of this is that I have not coded it so it could work if the Gui is faced in another direction other than the front face. Also another thing to know is that it works in any orientation, size and position)
– Video on what it looks like
– Model
Surface Gui Color Picker - Roblox
– PlaceFile
Surface Gui Color Picker.rbxl (45.2 KB)
Thank you for reading! 