cables is under heavy development.
There might be one or another bug, please let us know about it!

ColorPicker Op


Namespace: Ops.Sidebar

Op author: tim

There is a newer version of this op!

This version will not receive any updates. It is recommended to use a newer version.

Current version: Ops.Sidebar.ColorPicker_v3

Shows a color-picker in the sidebar

summary (oneliner)



example patch id

youtube id

caniuse query


related ops


Link (Object)

Either a link to the sidebar or sidebar group

Text (string /Number)

The label text

Input Red (Number)

Input Green (Number)

Input Blue (Number)

Set Default (Trigger)

Default (string /Number)

The default color (as 6 or 7 digit hex color), e.g. "#ff0000"


Children (Object)

Here you can connect other sidebar ops

Red (Number)

The red amount from the color picker, in range [0..1]

Green (Number)

The green amount from the color picker, in range [0..1]

Blue (Number)

The blue amount from the color picker, in range [0..1]

Hex (String)

Caught a mistake or want to contribute to the documentation?

Edit Documentationcancel save

Sidebar Color-Picker / OneMinus Example

Shows how to use the sidebar Ops.Sidebar.ColorPicker op to control the patch background color. The color components (red / green / blue) are then inverted (with the Ops.Math.OneMinus op) to create the complementary color, which is used as the fill color of the circle.

Open Example In Editor

Patches using ColorPicker