Tints, shades and tones
tints_shadesGenerate evenly spaced tints, shades, and tones from any color as HEX values for hover states, borders, and backgrounds.
Instructions
Get tints (mixed with white), shades (mixed with black) and tones (mixed with gray) of a color, evenly spaced, as HEX. Good for hover states, borders and backgrounds.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| color | Yes | Any color: #ff5733, rgb(255 87 51), hsl(11 100% 60%), oklch(68% 0.21 34), a CSS or common name like navy, or a Tailwind class like sky-500 | |
| steps | No |