Tint and shade scale
tint_shade_scaleGenerate a 50, 100, 200 ... 900, 950 scale from one color (hex, rgb(), hsl() or a CSS name) and optionally a name for the CSS variables. Your color is kept exactly on the step nearest its own lightness; other steps follow a fixed OKLCH lightness curve with the hue held and chroma tapering toward the ends (reduced where sRGB cannot hold it). Each step reports hex, oklch(), WCAG contrast against white and against black, and whether it passes 4.5:1 as text on each. Also returns the lightest step that passes as text on white, the lightest that passes as text on black, any step that passes both, and a CSS custom-property block. Contrast is WCAG 2.x relative luminance.
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": "tint_shade_scale"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | No | Optional name for the CSS variables, such as blue. | |
| color | Yes | Base color, such as #2f6fed. |