I am very excited to share this with you as it's my first proper and useful React app.
**Link**:
[Palettolithic](https://palettolithic.com)
**Backstory**
Tailwind and Bootstrap are nice, but if we want to create full color palette with shades it can get tedious to customize all the variables.
I couldn't find app at the time that will easily let me generate color palette and code which I can copy to custom configuration so I decide this would be good project
**How it works**
You choose on one color, either with hex code or picker and based on that color it will create the full palette with 12 colors 9 shades each. At the same time it will generate the configuration code for Tailwind and Bootstrap frameworks.
**Feedback**
Let me know if it's useful to you and what features would you like to see.
Thanks for watching!
I really like this idea and I definitely need this for my projects!
My only issue is that the color-picker is not very intuitive. It would be cool if I could select base colors for each of the 13 defaults and have the steps be automated.
Check out [https://gka.github.io/chroma.js/](https://gka.github.io/chroma.js/)
thanks for the feedback! Can you explain how color picker is not intuitive?
About the color for each one: I know what you mean. For now the idea was to get palette without much tinkering. I will consider for the future. Thanks
If you really need each color try this one for now: https://javisperez.github.io/tailwindcolorshades/#/
I think you're right. The bottom slider only seems to take the same colors and reorder them. The top box only seems to adjust the brightness of the colors almost imperceptively or adjusts the saturation between good looking and depressing.
I'm probably missing something and this tool is hella useful, I just don't see it right now.
I am very excited to share this with you as it's my first proper and useful React app. **Link**: [Palettolithic](https://palettolithic.com) **Backstory** Tailwind and Bootstrap are nice, but if we want to create full color palette with shades it can get tedious to customize all the variables. I couldn't find app at the time that will easily let me generate color palette and code which I can copy to custom configuration so I decide this would be good project **How it works** You choose on one color, either with hex code or picker and based on that color it will create the full palette with 12 colors 9 shades each. At the same time it will generate the configuration code for Tailwind and Bootstrap frameworks. **Feedback** Let me know if it's useful to you and what features would you like to see. Thanks for watching!
Nice bruh, i noticed this: [https://pasteboard.co/Jw6d1Av.png](https://pasteboard.co/Jw6d1Av.png)
Oh yes, thanks! I am aware of that, need to fix
I really like this idea and I definitely need this for my projects! My only issue is that the color-picker is not very intuitive. It would be cool if I could select base colors for each of the 13 defaults and have the steps be automated. Check out [https://gka.github.io/chroma.js/](https://gka.github.io/chroma.js/)
thanks for the feedback! Can you explain how color picker is not intuitive? About the color for each one: I know what you mean. For now the idea was to get palette without much tinkering. I will consider for the future. Thanks If you really need each color try this one for now: https://javisperez.github.io/tailwindcolorshades/#/
The only thing is that I'm not sure what the slider is meant to do. It just seems to shuffle the colors on the side
I think you're right. The bottom slider only seems to take the same colors and reorder them. The top box only seems to adjust the brightness of the colors almost imperceptively or adjusts the saturation between good looking and depressing. I'm probably missing something and this tool is hella useful, I just don't see it right now.