Custom Color Slider for Character Customizer?

Hello c:

I was wondering how I would go about making a slider for a custom color range for my character creator? I’ve been searching throughout the forums, but all the threads I’ve seen are for the common RGB colors and we want a certain slider for just realistic colors.

We want it to be like how it’s shown below with these specific colors. The lower bar is the slider in which you pick the base color and then the bigger up window corresponds to that and is where you select the shade and saturation of it. I also want it to display the hex color like shown below.