Tailwind Color Shades Generator

Generate Tailwind Css color shades in the blink of an eye right in your terminal.

• Tailwind Color Shades Generator
• Features
• Installation
• Usage
• Options
• License

Features

• 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

Installation

npm install -g twcolorgen

Usage

# 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 800

Options

The 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 |

License

MIT