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.
Tool call template
Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.
{
"id": 1,
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"arguments": {
"color": "<color>"
},
"name": "tints_shades"
}
}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 |