{
  "slug": "css-gradient-generator",
  "name": "gizza-ai/css-gradient-generator",
  "version": "0.1.0",
  "title": "CSS Gradient Generator — gizza.ai",
  "description": "Generate CSS linear, radial and conic gradients — pick type, angle and color stops, then copy a ready-to-paste background-image. Free, in-browser.",
  "tags": [
    "css gradient",
    "gradient generator",
    "linear gradient",
    "radial gradient",
    "conic gradient",
    "background-image",
    "color stops",
    "css generator",
    "web design"
  ],
  "category": "image",
  "urls": {
    "page": "https://gizza.ai/tools/css-gradient-generator/",
    "markdown": "https://gizza.ai/tools/css-gradient-generator/index.md",
    "descriptor": "https://gizza.ai/tools/css-gradient-generator/tool.json",
    "deep_link_example": "https://gizza.ai/tools/css-gradient-generator/?colors=%23ff0000%0A%230000ff&gradient_type=linear&angle=180&shape=ellipse&repeating=true&interpolation=oklch"
  },
  "cli": "gizza tool css-gradient-generator \"#ff0000\n#0000ff\"",
  "tool": {
    "description": "Generate a CSS gradient declaration from color stops. Returns a ready-to-paste `background-image: linear-gradient(...);` (or radial/conic) line. Provide the `colors` as a comma- or newline-separated list of CSS colors, optionally with positions; with no positions, evenly-spaced percentages are added. Set gradient_type='linear' (default), 'radial', or 'conic'. For linear, `angle` is the direction in degrees; for radial, `shape` is 'ellipse'/'circle'. Set repeating=true for a repeating gradient.",
    "parameters": {
      "additionalProperties": false,
      "properties": {
        "angle": {
          "default": 180.0,
          "description": "Linear direction / conic start angle in degrees.",
          "maximum": 360.0,
          "minimum": -360.0,
          "type": "number"
        },
        "colors": {
          "description": "The color stops, separated by commas or newlines. Each is a CSS color optionally followed by a position. At least 2 stops are required.",
          "type": "string"
        },
        "gradient_type": {
          "default": "linear",
          "description": "The gradient function.",
          "enum": [
            "linear",
            "radial",
            "conic"
          ],
          "type": "string"
        },
        "interpolation": {
          "description": "Optional 'in <space>' color-interpolation clause (e.g. oklch, hsl longer).",
          "type": "string"
        },
        "repeating": {
          "default": false,
          "description": "Emit a repeating-*-gradient().",
          "type": "boolean"
        },
        "shape": {
          "default": "ellipse",
          "description": "Radial shape.",
          "enum": [
            "ellipse",
            "circle"
          ],
          "type": "string"
        }
      },
      "required": [
        "colors"
      ],
      "type": "object"
    }
  }
}