Ops  ⟩  Sidebar  ⟩  ColorPicker_v3

ColorPicker_v3 Op

ColorPicker

Shows a color-picker in the sidebar



Full Name
  • Ops.Sidebar.ColorPicker_v3
Visibility
  • Core Op - visible for everyone
License
  • MIT
AuthorCreated
  • Aug 19, 2021 at 11:25
githubMaintained by TeamJavascript Libraries


Example Patch OneMinus ColorPicker ColorPickerNative 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 In Editor

INPUT PORTS


Link (Object)

Either a link to the sidebar or sidebar group

Text (String)

The label text

Input Red (Number)
Input Green (Number)
Input Blue (Number)
Input Opacity (Number)
Set Default (Trigger)
Show Opacity (Number: boolean)
Visible (Number: boolean)

OUTPUT PORTS


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]

Opacity (Number)
Hex (String)
Element (Object)

Changelog

Patches using ColorPicker_v3

  • Examples
  • Public
  • My Patches