SVG Filter Effects Generator
Visually build an SVG <filter> — blur, hue rotate, saturate, drop shadow, turbulence, emboss and more — with a live preview on text, shapes or your own image, and copy the ready-to-use SVG and CSS. Runs entirely in your browser.
Authorizations
Bearer authentication header of the form Bearer <token>, where <token> is your auth token.
Body
Filter
blur, hueRotate, saturate, luminanceToAlpha, turbulence, dropShadow, emboss Filter ID
Blur amount (stdDeviation, px)
0 <= x <= 30Angle (deg)
0 <= x <= 360Amount (0 = grayscale, 1 = original)
0 <= x <= 3Noise type
turbulence, fractalNoise Base frequency
0.005 <= x <= 0.5Octaves
1 <= x <= 10Displacement scale
0 <= x <= 200Offset X (px)
-50 <= x <= 50Offset Y (px)
-50 <= x <= 50Blur radius (px)
0 <= x <= 50Shadow color
Shadow opacity
0 <= x <= 1Kernel
emboss, engrave, sharpen, edge Preview on
text, shapes, image Image
Response
Tool output
The tool's slug, echoing the {slug} in the request path.
Output-contract version for this tool.
Credits this call consumed, after any settlement refund. 0 when metering is disabled.
Credits left in the current monthly allowance, or null when metering is disabled.
Correlation id, also sent as x-request-id.