Custom Color Picker
Sunday, January 29, 2023
I wanted to design a custom color picker awhile back but struggled to figure out how to make a two-dimensional slider representing a cross-section of an HSV cylinder. However, after returning to the problem more recently, I finally learned how to do it.
This is handled now by the ColorPlane class. The color plane can only represent two dimensions of an HSV cylinder at a time. Because of this, a Z-value attribute is included to control the third dimension. The Z-value attribute can be entangled and controlled by another widget, such as a slider.
The color picker widget would utilize a color plane, along with a slider to control the Z-value, as well as other controls to make it easier to select the right color. A concept can be found below.
Concept