Color Picker

john's Avatar


26 Jan, 2020 10:13 AM

Here, for no apparent reason, is a color picker, executed in NodeBox.

To change the hue, select the Hue node at the top and scrub the value. The black circle will rise and fall within the vertical hue spectrum and the display will update accordingly.

To change the saturation and brightness, select the ellipse node to the left of the hue node and then click in the center of the white circle in the display pane and drag it around the large gradient square; the color patch and hex code will update below it.

This is not particularly useful, since we already have a color picker, but it's a nice tutorial on how to make a simple control and how to draw gradients.



Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Already uploaded files

  • color_picker_screenshot.png 431 KB
  • 2.9 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

19 Jul, 2021 12:05 PM
13 Jul, 2021 01:04 PM
13 Jul, 2021 04:11 AM
12 Jul, 2021 11:40 PM
12 Jul, 2021 09:17 PM


07 Jul, 2021 02:14 AM
30 Jun, 2021 08:55 PM
30 Jun, 2021 03:32 AM
29 Jun, 2021 12:55 PM
29 Jun, 2021 07:18 AM
20 Jun, 2021 07:19 AM