Preview: hue picker widget

clutterstack

unread,

Mar 14, 2021, 7:28:55 PM3/14/21

to TiddlyWiki

Hi all,

My weekend project is a widget to pick a hue from a wheel. Right now it also suggests a triadic hue combination. It could have other modes too, or be a simple hue picker.

The left-hand column of squares get their background colours from a tiddler that the widget writes to, and the JS widget sets the right-hand ones directly by class.

I'm running this on a local TiddlyWeb wiki, and it does a lot of saving! It's a lot smoother if I only write to a tiddler on mouseup. Perhaps some throttling on mouse events would also be useful.

I've uploaded a QuickTime video but I'm not sure that's watchable for everyone. It basically shows some roughness in the motion and the delay in the left-hand column after the right-hand gets its colours.

Best wishes,

Chris

Screen Shot 2021-03-14 at 7.02.28 PM.png

Screen Recording 2021-03-14 at 6.57.26 PM.mov

Mohammad Rahmani

unread,

Mar 14, 2021, 11:20:57 PM3/14/21

to tiddl...@googlegroups.com

Hi Chris,

Good job!

Is it possible to use this tool to mix colors and laso generate shades and tints?

Does it write the resulting color code in a tiddler field/variable?

Best wishes

Mohammad

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c32fb3f4-4fe7-4fab-b12e-da5ece9dbc76n%40googlegroups.com.

clutterstack

unread,

Mar 15, 2021, 8:55:12 AM3/15/21

to TiddlyWiki

Hi Mohammad,

This is a really simple tool, colour-wise, because all it does is pick an angle to use as the hue for an HSLA colour. At the moment it's writing three angles in degrees, into fields in a tiddler. Obviously one angle would do, if you wanted to calculate other colours using filters. There's no saturation or lightness adjustment yet, and it doesn't convert to RGB. It think saturation and lightness could be handled with the Range widget and the widgets could be chained like nodes in Blender 3D.

This widget needs a lot of cleaning up before I share it, but I need a slight break from this after messing with html and svg yesterday; when I looked at the clock this morning I thought the time had angle brackets around it! XD

Best,

Chris

Mohammad Rahmani

unread,

Mar 15, 2021, 9:15:24 AM3/15/21

to tiddl...@googlegroups.com

Thank you for clarification!

Best wishes

Mohammad

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/4f90e27d-bccc-40c9-9059-0483d6c59ed9n%40googlegroups.com.

Reply all

Reply to author

Forward