{
  "slug": "color-shades-generator",
  "name": "gizza-ai/color-shades-generator",
  "version": "0.1.0",
  "title": "Color Shades Generator — Tints, Shades, Tones & Tailwind 50-950 Scale — gizza.ai",
  "description": "Generate a ramp of tints, shades and tones from any base color, including a Tailwind-style 50-900 scale, in HEX, RGB and HSL. Runs in your browser, nothing is uploaded.",
  "tags": [
    "color shades generator",
    "tints and shades",
    "tailwind color scale",
    "color ramp",
    "color tints",
    "color tones",
    "50 to 900 colors"
  ],
  "category": "image",
  "urls": {
    "page": "https://gizza.ai/tools/color-shades-generator/",
    "markdown": "https://gizza.ai/tools/color-shades-generator/index.md",
    "descriptor": "https://gizza.ai/tools/color-shades-generator/tool.json",
    "deep_link_example": "https://gizza.ai/tools/color-shades-generator/?color=%233498db&mode=scale&count=9"
  },
  "cli": "gizza tool color-shades-generator \"#3498db\"",
  "tool": {
    "description": "Generate a ramp of tints, shades and tones for a base color. Accepts a base color (#hex, rgb(), or hsl()) and a mode: scale = Tailwind-style 50-950 named scale, tints = lighten toward white, shades = darken toward black, tones = desaturate toward gray. Returns each step as hex, rgb and hsl. Runs locally.",
    "parameters": {
      "additionalProperties": false,
      "properties": {
        "color": {
          "description": "The base color in any common notation: #hex (3/6 digits), rgb(), or hsl().",
          "type": "string"
        },
        "count": {
          "default": 9,
          "description": "How many steps for the tints/shades/tones series modes. Ignored by 'scale' (always 11 weights).",
          "maximum": 12,
          "minimum": 2,
          "type": "integer"
        },
        "mode": {
          "default": "scale",
          "description": "scale = Tailwind-style 50-900 ramp; tints = lighten toward white; shades = darken toward black; tones = desaturate toward gray.",
          "enum": [
            "scale",
            "tints",
            "shades",
            "tones"
          ],
          "type": "string"
        }
      },
      "required": [
        "color"
      ],
      "type": "object"
    }
  }
}