ivan-dalmet / smart-swatch Goto Github PK

Hey Ivan! I love this project. I use it a lot in both professional and personal projects to generate proper HUEs for Chakra-UI.

However, I'd like to be able to share a generated swatch for a color with someone else through a shareable url so I can reference the HUE in tickets or show them to someone else.

I'm happy to implement this myself. Should be as easy as get/set the url hash with the color, init the input with it, and add an icon button at the right of the main input for copying the shareable url (if you like this approach). Before creating the PR, I'd like you to confirm if this is fine.

Thanks!.

I have had some troubles adjusting lightness in my color palette for a recent project. The main problem I encounter is that this library automagically detects the color that is closest to the one I set, and generates the base palette accordingly.

That leaves me with small space to change if I really don't want to keep a 0.1 gap between colors, which is my case. This relates to issue #12.

This is a small change I did on the go, and I cannot see draft pull requests, so I just opened a normal PR, but it might need some reviewing. #19

Let me know your thoughts on this and if you would consider merging it 😄

Great tool, thank you!

Could we have a feature to export the colors in an array? Some libraries use that format.

Thank you.

Hi 👋

I think it could be awesome 🤩 to be able to export colors using RGB or HSL format (at least, for the click to clipboard feature).

🤔 I come with two ideas with a quick mockup:

Globally

Something like a button group, or radio buttons (easy to add more format in the future)

By colors

Small clickable button at the bottom of colors (not so easy to add more format in the future)

Let me know what you think, and thanks a lot for Smart Swatch 👏 ❤️

Not exactly an issue, or partly.

Why does the colour change from the one that was placed? What is being used in order to shift it to a different one? And is there a way to calculate based on the exact colour that is being used?