Generate Tailwind Css color shades in the blink of an eye right in your terminal.
- Generate Tailwind Css color shades from your terminal
- Preview generated shades in your terminal
- Copy generated shade object
- Choose which levels to generate
- Use custom name or let us choose one for you
npm install -g twcolorgen# Using HEX format
twcolorgen 3b82f6 --name blue
# Using HSL format
twcolorgen "hsl(217, 91%, 60%)" --name blue
# Using RGB format
twcolorgen "rgb(59, 130, 246)" --name blue
# Outputting a different format (hex, rgb, hsl)
twcolorgen 3b82f6 --name blue --format rgb
# Generating specific levels
twcolorgen 3b82f6 --name blue --levels 200 300 400 700 800The twcolorgen command accepts multiple flags. All of the flags are optional.
| Option | Type | Description |
|---|---|---|
--version |
boolean |
The CLI version |
--help |
boolean |
Shows CLI help page |
--name |
string |
The name to use for the color |
--format |
string |
The outputted color format |
--levels |
string |
The levels to generate shades for |
--copy |
boolean |
Copy shade object to clipboard |