DEV Community

loading...
Cover image for 10+ Free Tailwind CSS Colors Tools Resources for 2021

10+ Free Tailwind CSS Colors Tools Resources for 2021

larainfo
Full Stack Developer | Laravel | Livewire | Vue Js Nodejs, tailwind css
Originally published at larainfo.com ・3 min read

Hello friend, Today in this blog you’ll see some tools that will help build attractive website layouts with ease. You will see different types of Color tools like classic color tool, configure color tool, gradient color tools etc.

1. Brand Tail Color

Brand tail color is simple and good tools. if you are looking old classic website then it is good for tools for test colors for your website

view
larainfo.com

The good thing a about Brand tail colors you can set configure you custom you can copy colors configure
larainfo.com

2. Tailwindcss Cheatsheet

if you want see all classes in tailwind then see Tailwindcss-cheatsheet . it include colors, spacing , Pseudo-Class, Flexbox, Grid, sizing etc.
view
larainfo.com

3. Color shades Generator for Tailwind CSS

Color shades is very useful tool. it give you colors property 1 to 10 like, 50,100,to 900 . chose color then see
view
larainfo.com

you can copy or edit your color configuration
larainfo.com

4. Color Scheme Generator

Color Scheme Generator is very useful if you are build components . you can also use with sass,scss,less
view
larainfo.com

5. Tailwindow

Tailwind is old tool but good you can generate random colors in range
view

larainfo.com

6. Tailwind.ink

Tailwind ink is AI palette generator, trained with the Tailwind CSS palette. you can also preview colors layouts on mobile device
view

larainfo.com

7. Gradient Designer

After Tailwind CSS 2.x it is easy to implements gradient color class. Gradient Designer tool help to set gradient color

view
larainfo.com

8. Hypercolor dev

Hypercolor.dev is also provider gradient palette . just chose gradient color set left,right direction for your choice and copy

view
larainfo.com

9. Palettolithic

Palettolithic is another color palette which Generates harmonius color palettes based on one color . you can use this tools for tailwind css , bootstrap and css

view
larainfo.com

10. Tailwindcomponents Gradient Generator

Tailwindcomponents.com also provider gradient color palette tool. you can set gradient color manually

view
larainfo.com

Optional

tailwind simeongriggs

meidev.co

stefanbuck

Note: if any know more colors tools then plz comment below

Discussion (0)