utk09-NCL / color-palette-generator

Color Conjure - Color Palette Generator
https://color-conjure.netlify.app
MIT License
26 stars 15 forks source link

Feat: - Add color picker <Under Discussion> #67

Open piyush-gangrade opened 1 month ago

piyush-gangrade commented 1 month ago

Is your feature request related to a problem? Please describe. The current website allows users to input colors using HEX codes, RGB, and HSL values, but it lacks a visual color picker. This can be challenging for users who prefer selecting colors visually. I noticed that the design you shared (design/V01_design.png) includes a color picker, but it’s missing from the current website, making the process less intuitive for some users.

Describe the Solution You'd Like I would like to add the color picker from design/V01_design.png to the website, allowing users to visually select colors. This would make it easier for users to choose their desired shades without needing to manually input codes, providing a smoother experience.

Describe Alternatives You've Considered An alternative could be to continue with the current input methods, but this does not address the need for a more visual and user-friendly option.

Additional Context Adding the color picker would align the website with the provided design (design/V01_design.png) and improve the user experience, making the color selection process more intuitive and accessible.

Screenshot 2024-10-21 194840

please assign this to me under Hacktoberfest

utk09-NCL commented 1 month ago

This is a good feature request, but actually I took the decision of removing the colour picker because it kind of makes the RGB, HSL, and HEX Input duplicated (since Color Picker already has these 3 categories). But I understand the concern of visual colour picking. We probably need something like the picker here - https://rgbcolorpicker.com/

Screenshot 2024-10-22 at 17 00 58

Thoughts?

piyush-gangrade commented 1 month ago

This would be a great idea. I can implement this, but how do you want the color canvas in the design? My suggestion is that when the color bar is clicked or dragged, the canvas will open, allowing the user to pick a color. If the user clicks anywhere else outside the color bar while the canvas is open, it will close automatically. What do you think?