Color Picker

john's Avatar

john

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.

Enjoy!

John

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
  • color_picker.zip 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

Generic

? 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

31 Mar, 2020 07:58 AM
31 Mar, 2020 04:13 AM
31 Mar, 2020 03:23 AM
27 Mar, 2020 05:19 PM
27 Mar, 2020 03:55 AM

 

27 Mar, 2020 03:25 AM
15 Mar, 2020 09:06 PM
15 Mar, 2020 12:34 AM
14 Mar, 2020 11:59 PM
11 Mar, 2020 06:48 PM
09 Mar, 2020 03:15 PM