A bunch of various improvements

[thorn0]

• use newer chroma.js
• show clipped colors
• update dev dependencies
• fix Colors don't have fixed Hue, as they're supposed to #14
• hue shift slider, close Hue slider #13

See online: https://thorn0.github.io/hcl-picker

[tristen]

Hey @thorn0 thanks for the PR! Without diving too deeply into the changes quite yet I'm seeing some stack overflow when adjusting either slider which is locking up Chrome for me. Are you reproducing this too?

---

I'm a little hesitant to permit colors that fall outside the visualized color space. That said, you're handling it pretty well by marking those values in red. I wonder if there's a slightly nicer way of providing an explanation to the user why they are marked in red.

---

This is a weird interaction

[thorn0]

Ooops, yep. I get that stack overflow too. Looking into it.

[thorn0]

I've fixed that stack overflow, but there still is another issue: the circles aren't draggable after shifting the hue.

[thorn0]

I wonder if there's a slightly nicer way of providing an explanation to the user why they are marked in red.

I have a couple of thoughts on this. We can:

1. Show a danger sign with an explanation tooltip near those colors.
2. Convert them back to LCH and measure the distance from the originals to estimate how "bad" they are and present this somehow. E.g. the worse the redder. If this difference is insignificant, resulting color scales should be good enough.
3. Desaturate the resulting colors (in Lab) and show them in a separate column for the user to estimate how smooth it looks.