Include labels

Color sliders should be labeled and, when applicable, paired with text fields. If labeling each individual slider is redundant, label the group of sliders instead (for example, "RGB" or "HSB").

Display color selection

When using color sliders, it's important to clearly display the color selection in real time. It can be in a color swatch, directly on the canvas, or both.

Color loupe on down/touch state

The color loupe component can be used above the handle to show the selected color that would otherwise be covered by a cursor, stylus, or finger on the down/touch state. This can be customized to appear only on finger-input, or always appear regardless of input type.