Skip to content

javisperez/tailwindcolorshades

Repository files navigation

Color shades generators for TailwindCSS

CircleCI branch

To use this app

Go to https://javisperez.github.io/tailwindcolorshades

What is this?

Is a tool to make shades and tints for a given color and generate the proper code for the TailwindCSS config file.

The idea is to make the custom color generation a bit easier when creating custom color variants to use in your app's CSS.

How to use it

Just place a name and a color on the inputs and will generate 5 tints (50, 100, 200, 300, 400) and 5 shades (600, 700, 800, 900, 950) for that given color. An automatic name generation will be used for the css class names but you can rename them at anytime.

After that you can copy/paste the generated colors into your Tailwind config file and start using them in your css.

Contributions

Feel free to fork this repo and send any Pull Request you want, every help is very much welcome :)