Display combined values

Color selection usually happens using a variety of input methods (color area, color slider, color wheel). The color loupe should display the final output color: the combined values from multiple color inputs.

The number of input methods is determined by the color space (or "mode"), for example:

  • 2 controls: HSL using color wheel (hue) and color area (saturation and lightness)
  • 3 controls: RGB using unique color sliders for Red, Green, and Blue
  • 4 controls: RGBa using unique color sliders for Red, Green, Blue, and Alpha

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.