About this tool
Generate an eleven-step Tailwind-style shade scale (50 through 950) from a base color by adjusting its HSL lightness, all in your browser.
Frequently asked questions
How is the scale generated?
The base color's hue and saturation are kept while its lightness is set to Tailwind-style targets for each step from 50 (lightest) to 950 (darkest).
How do I copy a shade?
Click any swatch and its hex value is copied to your clipboard.