HEX colorviewer widget

Hi all,

after asking for a function to set a color by HEX values (here), I created a small custom widget to show any valid HEX color values as a preview. Because the HEX colors can have a opacity/transparency value as postfix, I added this too.
Setting a background color is just as possible as firing an error event (MissingColor)
In the javascript section it is also possible to configure whether the color value should be displayed as an overlay or not

Inside the widget

Properties

In use: color without and with opacity
image

[customWidget-HEX-ColorViewer-3 (Opac) (Tulip).json|attachment]

Disclaimer: this widget comes as is. You use this widget at your own risk and without any guarantee or liability.

I hope it is useful :slight_smile:

(upload://9FO4p1XDJ3DWiAaLtPHBCCLJWn3.json) (4.4 KB)

Regards Chris

1 Like

customWidget-HEX-ColorViewer-3 (Opac) (Tulip).json (4.4 KB)

1 Like

Hi Chris -

Thank you for sharing! This is a great way to preview HEX value colors :red_circle: :blue_square: :green_heart: :yellow_circle: