Color format converter
Convert HEX, RGB and HSL colors with alpha transparency, preview the swatch and copy ready-to-use CSS color values.
CSS image filter generator
Preview blur, brightness, color and opacity filters on a sample or local image, then export the filter CSS.
PNG, JPEG, WebP or GIF; up to 20 MiB, 20 megapixels and 8,192 px per side. Export contains CSS, not a modified image.
CSS
About this tool
Try a visual treatment on a sample or local image before applying it in a webpage stylesheet.
How to use
Use the sample or choose a PNG, JPEG, WebP or GIF. Adjust blur, brightness, contrast, saturation, hue, grayscale, sepia, inversion and opacity. Compare with the original or reset the filters; the preview updates with your settings.
Local images are limited to 20 MiB, 20 megapixels and 8,192 pixels on either edge. Images are not uploaded. Copy and download produce filter CSS, not an edited image. Showing the original changes only the preview and preserves your filter settings.
Common questions
Can I download the filtered image?
This tool exports CSS, not edited pixels. The original-preview switch preserves your filter settings. Local images stay on your device and must meet the displayed size limits.
Why is my local image refused even though it opens elsewhere?
The preview accepts PNG, JPEG, WebP and GIF, up to 20 MiB, 20 million pixels and 8,192 pixels on either side. A small compressed file can still exceed the pixel limit. Resize it or convert an unsupported format first, then choose the image again.
Related tools
Opens in a new tab
Comments
0