CSS Filter Generator
Build CSS filter chains with sliders for blur, brightness, contrast, saturation, grayscale, sepia, invert, hue-rotate, and opacity. Live preview — copy the ready-to-use CSS.
Filters
Preview
'/><circle cx='110' cy='120' r='60' fill='%230075df' opacity='0.85'/><rect x='200' y='60' width='160' height='120' fill='%23222' opacity='0.8' rx='12'/><text x='200' y='220' font-family='Arial' font-size='18' fill='%23222' text-anchor='middle'>Sample Preview</text></svg>)
Build CSS filter chains with sliders for blur, brightness, contrast, saturation, grayscale, sepia, invert, hue-rotate, and opacity. Live preview — copy the ready-to-use CSS.