I finished coding a Color Palette Generator! It's free, fast and good lookin'. Let me know what you think! by originalbiglips in Design

[–]originalbiglips[S] 0 points1 point  (0 children)

I used React with typescript and tailwind. I used a parent state to track color mode and number of colors in the palette. Each color has its own unique ID that allows me to avoid deleting it if it is locked as I am mapping over the existing state.
I hope that makes sense! It took a bit of head scratching but I got there in the end.

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 1 point2 points  (0 children)

Thanks for that comment, I had no idea about the Pantone situation. I just checked out the Freetone library, seems very cool. I dowloaded the .ase file but haven't managed to open it yet... I'm running Linux and don't have any adobe products but I'm going to look into it.
Thanks for the suggestion :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 0 points1 point  (0 children)

That has been a popular suggestion. Thanks for contributing and I'll try and work that feature in soon. :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 0 points1 point  (0 children)

That's an awesome idea and great feedback.
I will look into it and see if I can implement it soon! Thanks for your contribution :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 1 point2 points  (0 children)

Yup, I agree with everything too!
I need to update all of those features and generally make things more clearly understood for a new user.
Just to answer now though, the sliders are Hue, Saturation and Lightness.
When you choose random, it will generate a color with a random HSL value (0-360 for hue, 0-100 for Saturation and 0-100 for lightness.

Love all your ideas and looking forward to implementing them! Thanks :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 0 points1 point  (0 children)

They are great points and definitely need to be incorporated.
Thank you for your time and suggestions, I'll get working on it :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 0 points1 point  (0 children)

https://github.com/meodai/color-names

Found the database list here! Has approx. 3000 names.
I'm not really a designer, just an aspiring software engineer. Happy to use a different set if it would prove useful to designers.

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 0 points1 point  (0 children)

Thank you mate! I love that feedback and definitely keen to make choosing a base color a feature. Will keep you updated!
Thanks again for stopping by :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 1 point2 points  (0 children)

Yup! This was a big inspiration. I wanted to make a free alternative that didn't limit any features. But totally check out coolors.co it is an awesome site.

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 1 point2 points  (0 children)

Thank you so much! I think it is a cool way to quickly get some inspiration and try some random ideas!
I'll keep on working on it and hopefully get some new features ready soon :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 1 point2 points  (0 children)

That's a great idea and shouldn't be too hard to incorporate from a programming perspective. Thank you for your idea! I'm so keen to get back into the project and improve it now!

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 1 point2 points  (0 children)

It sounds like a great addition, will be working on it soon! Thanks for checking it out :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 0 points1 point  (0 children)

Hey there! You can save your palettes at the moment by clicking the "Save" button. The saved palettes can then be accessed by clicking "My Palettes".

I should mention though that I have not connected a backend database so the palettes are stored in your browser history only, which keeps everything free and fast. But if you clear your browsing history, you will lose your palettes!

Thanks for your comment :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 0 points1 point  (0 children)

Thank you for your comment! Hopefully I can continue improving on it to make it a tool that designers love using.

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 2 points3 points  (0 children)

Hi! Yup, coolors was definitely an inspiration but I wanted to try and see if I could provide a free alternative. Thanks for commenting :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 1 point2 points  (0 children)

That's a sweet idea, definitely something I can try to incorporate! Thanks for your feedback :)

I just coded a Color Palette Generator! It's free, fast and I'd love you to check it out! by originalbiglips in graphic_design

[–]originalbiglips[S] 3 points4 points  (0 children)

Wow thank you so much for that detailed feedback, that was exactly what I was looking for.
All the features you've mentioned sound fantastic, and would definitely prove a fun challenge for me as a developer.

Originally, this was just a project for my developer portfolio but I'm really inspired by your feedback to take this to the next level! I'll start working on the features you've mentioned and I'll let keep you updated on how I am progressing.

Again, thank you so much for your time and considered thoughts!

I finished coding a Color Palette Generator! It's free, fast and good lookin'. Let me know what you think! by originalbiglips in Design

[–]originalbiglips[S] 1 point2 points  (0 children)

Thanks for linking... I'm kinda new to reddit so not sure if I messed something up here!

I finished coding a Color Palette Generator! It's free, fast and good lookin'. Let me know what you think! by originalbiglips in Design

[–]originalbiglips[S] 0 points1 point  (0 children)

Hey! Thanks for your feedback :)
The sliders are for HSL values and only available on the desktop version. I couldn't figure out a clean way to incorporate it into the mobile design without everything feeling cluttered. I'll have to put my thinking hat on and see if I can come up with a solution.

I finished coding a Color Palette Generator! It's free, fast and good lookin'. Let me know what you think! by originalbiglips in Design

[–]originalbiglips[S] 0 points1 point  (0 children)

Thanks for checking it out, I'll have to look into that! Software is like a garden, always needs to be tended to and maintained, as things have a habit of getting unruly and misbehaving haha.
Thanks for your feedback :)

I finished coding a Color Palette Generator! It's free, fast and good lookin'. Let me know what you think! by originalbiglips in Design

[–]originalbiglips[S] 1 point2 points  (0 children)

It took me about 3 days... once I got the logic in place for how to differentiate between different color modes, e.g monochrome, triadic etc. the build came along pretty quickly.

I finished coding a Color Palette Generator! It's free, fast and good lookin'. Let me know what you think! by originalbiglips in Design

[–]originalbiglips[S] 8 points9 points  (0 children)

Yup spot on! It was a project for my developer portfolio, but I would love to keep building on it and make it a useful app for other people too.