Color Picker

Use the Color Picker to easily select a color – either visually with a control surface or manually with numeric values – for use by a downstream component that can receive a color hex code, such as the Lightbar component.

In this example, Color Picker is used to send a very specific color to display on the TSC-70-G3 touch screen controller's light bar.

Note: Refer to the Lightbar (TSC-G3 Series) topic to learn about how to use the Lightbar component for TSC-70-G3 and TSC-101-G3 touch screen controllers.

Color Picker Size

Select a size for the color picker surface area, from 160 to 512 (default is 256).

Color

Read-only. Indicates the corresponding hex code of the selected color.

Red, Green, Blue

These controls display the red, green, and blue component values of the selected color. You can also manually enter values for each, from 0 to 255.

Hue

Manually enter a hue value for the selected color, from 0 to 360 (default is 0).

Saturation

This control displays the saturation component value of the selected color. You can also manually enter a value, from 0 to 100.

Value

This control displays the color value of the selected color. You can also manually enter a value, from 0 to 100.

Pin Name

Value

String

Position

Pins Available

Blue

0 to 255

0 to 255

0 to 1.00

Output

Color

-

#nnnnnn

-

Output

Green

0 to 255

0 to 255

0 to 1.00

Output

Hue

0 to 360

0 to 360

0 to 1.00

Input / Output

Red

0 to 255

0 to 255

0 to 1.00

Output

Saturation

0 to 100

0 to 100

0 to 1.00

Input / Output

Value

0 to 100

0 to 100

0 to 1.00

Input / Output