On initial load, the color picker preview color is incorrect

[torrobinson]

In my own and your own example code, the first time the color picker is shown, it doesn't represent the current value.

For example, in your demo code, when I click the #FFFFFF background color, the <div> with the color preview always defaults as green (#45FDA9) despite being set to #FFFFFF:

This appears to be because the .color-picker element does not receive scoped color variable overrides until after its first use. See the element when the color picker is opened, vs after the color is touched for the first time:

It's missing the HSLA values until the color is adjusted, and probably needs them set to the current value when opened.

Great little library BTW! I love it and plan to use it in the future.

[yairEO]

Awesome thanks for the kind words and I will fix it today!

The color picker it also my own component: https://github.com/yairEO/color-picker

[yairEO]

fixed https://github.com/yairEO/knobs/releases/tag/v1.2.3