{"ok":true,"result":{"slug":"css-gradient-generator","name":"CSS Gradient Generator","summary":"Build a CSS linear, radial or conic gradient (optionally repeating) from colour stops. Colours are validated and written as hex.","description":"Create linear, radial and conic CSS gradients with multiple colour stops, angles and positions. Preview live and copy clean, standards-compliant CSS.","method":"POST","endpoint":"/api/v1/tools/css-gradient-generator","plan":"free","mcpName":"css_gradient_generator","input":{"type":"object","additionalProperties":false,"properties":{"stops":{"type":"string","description":"Colour stops, one per line or comma-separated, each \"colour position%\", e.g. \"#0ea5e9 0%, #8b5cf6 100%\". Colours are hex, rgb(), hsl() or hsv() (no colour names). Positions are 0 to 100; if every position is left out the stops are spread evenly. 2 to 10 stops.","maxLength":200000},"type":{"type":"string","description":"Gradient type.","default":"linear","enum":["linear","radial","conic"],"maxLength":200000},"angle":{"type":"number","description":"linear: direction in degrees (90 = left to right). conic: starting angle.","default":90,"minimum":-360,"maximum":360},"shape":{"type":"string","description":"radial: circle or ellipse.","default":"circle","enum":["circle","ellipse"],"maxLength":200000},"centerX":{"type":"number","description":"radial and conic: centre X in %.","default":50,"minimum":0,"maximum":100},"centerY":{"type":"number","description":"radial and conic: centre Y in %.","default":50,"minimum":0,"maximum":100},"repeating":{"type":"boolean","description":"Use repeating-*-gradient().","default":false}},"required":["stops"]},"example":{"stops":"#0ea5e9 0%, #8b5cf6 100%","type":"linear","angle":135},"randomOutput":false,"network":false,"docs":"https://pithlab.com/developers/tools/css-gradient-generator","page":"https://pithlab.com/tools/css-gradient-generator"}}