Css Filter Generator API

POST https://api.findutils.com/api/tools/css-filter-generator/execute

Generate a CSS filter declaration from brightness, contrast, saturate, grayscale, sepia, invert, opacity, blur and hue-rotate, or from a named preset (vintage, cool, warm, dramatic, grayscale, faded, sharpen). Only functions that differ from their no-op value are emitted, so the output stays short. Returns the full "filter: ...;" rule, the bare value, and which functions were applied. Order matters in CSS filters and is preserved as listed.

Try it

Request body

application/json

preset

string optional

Start from a preset. Any other argument overrides the preset value. One of none · vintage · cool · warm · dramatic · grayscale · faded · sharpen.
brightness

number optional

Brightness in percent (0 to 300). 100 is unchanged.
contrast

number optional

Contrast in percent (0 to 300). 100 is unchanged.
saturate

number optional

Saturation in percent (0 to 300). 100 is unchanged.
grayscale

number optional

Grayscale in percent (0 to 100). 0 is unchanged.
sepia

number optional

Sepia in percent (0 to 100). 0 is unchanged.
invert

number optional

Inversion in percent (0 to 100). 0 is unchanged.
opacity

number optional

Opacity in percent (0 to 100). 100 is unchanged.
blur

number optional

Blur radius in px (0 to 50). 0 is unchanged.
hue_rotate

number optional

Hue rotation in degrees (-360 to 360). 0 is unchanged.

Example arguments

Verified

{
  "preset": "vintage"
}

curl -X POST https://api.findutils.com/api/tools/css-filter-generator/execute \
  -H "Content-Type: application/json" \
  -d '{
    "preset": "vintage"
  }'

const response = await fetch('https://api.findutils.com/api/tools/css-filter-generator/execute', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({"preset":"vintage"}),
});
const data = await response.json();

import requests

response = requests.post(
    "https://api.findutils.com/api/tools/css-filter-generator/execute",
    json={"preset":"vintage"},
)
data = response.json()

$ch = curl_init('https://api.findutils.com/api/tools/css-filter-generator/execute');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_HTTPHEADER => ['Content-Type: application/json'],
    CURLOPT_POSTFIELDS => '{"preset":"vintage"}',
    CURLOPT_RETURNTRANSFER => true,
]);
$data = json_decode(curl_exec($ch), true);

Also an MCP tool

Call css_filter_generator from Claude, Cursor or any MCP client. Same arguments, same output.

https://mcp.findutils.com

MCP reference

Rate limit: 60 a minute, per IP
Auth: None
REST id: css-filter-generator
MCP name: css_filter_generator
Category: Generators
Machine-readable: openapi.json · markdown.md

Request body

Example arguments

More Generators tools

More to explore