Toolipedia- Free
- No sign-up
- Works on any device
No tool matches your search.
- Free
- No sign-up
- Works on any device
Create a QR code for a link, Wi-Fi, WhatsApp, contact and more, or read one from a photo.
- Free
- No sign-up
- Works on any device
Fill in the details to see your QR code.
PNG for phones, chats and websites. SVG and PDF stay sharp at any size, which is best for printing. Tip: point your phone camera at the preview to test it.
3. Style (optional): colors, dots, logo
Choose a photo or screenshot or drag it here
Works with photos of printed codes, screenshots and image files.
Looking for QR codes…
CSS filter generator
Blur, brightness, contrast and more on your own picture, with the CSS filter code.
- Free
- No sign-up
- Works on any device
About CSS filter generator
Load your own picture and try blur, brightness, contrast, grayscale, sepia, hue-rotate, saturate and invert filters with sliders. The tool writes the matching CSS filter line. Filters apply in the order written, so blur then brightness can look different from brightness then blur.
How to use CSS filter generator
- Choose a picture from your device; it stays in your browser.
- Move the sliders for blur, brightness, contrast, grayscale and other filters.
- Copy the CSS filter line that matches the preview.
Why use this tool?
- Private: everything happens in your browser. Nothing you enter is uploaded.
- Free, with no sign-up, no watermark and no limit on how often you use it.
- Works on phones, tablets and computers: Android, iPhone, Windows, Mac and Linux. Nothing to install.
- Free to embed on your own website, with a ready-made code to copy.
- Available in 10 languages.
Also known as
Frequently asked questions
How do I make an image black and white in CSS?
Apply filter: grayscale(100%) to the image. Use a smaller percentage for a partly faded look, and combine it with contrast for stronger tones.
Does the order of filters matter?
Yes. CSS applies filters from left to right, so contrast followed by brightness can look different from brightness followed by contrast. Keep the order the tool gives you.
Will the filter change my original image file?
No. The filter is only a CSS instruction that the browser applies when showing the image. The original file stays untouched.
Is CSS filter generator free?
Yes. CSS filter generator on Toolipedia is free to use, with no sign-up and no watermark.
Is it safe to use?
Yes. Everything is worked out in your browser, and nothing you enter is sent to our server.
Does it work on my phone?
Yes. It works in any modern browser on Android and iPhone, as well as on tablets and computers. There's nothing to install.
Do I need an account?
No. Just open the page and use the tool. There's no sign-up and no email needed.
Can I put CSS filter generator on my own website?
Yes. Use the Embed on your site button under the tool to copy a short piece of code and paste it into your page. It is free, needs no account, and the tool keeps working inside your page.