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

16 Jun, 2022 05:30 AM
15 Jun, 2022 06:03 AM
06 Jun, 2022 01:07 PM
02 Jun, 2022 11:58 PM
30 May, 2022 07:48 AM


24 May, 2022 06:27 PM
20 May, 2022 04:12 PM
05 May, 2022 02:25 AM
03 May, 2022 04:46 AM
01 May, 2022 09:22 AM
18 Apr, 2022 09:01 PM