🎨Online media & color tools
This category gathers media and color tools for designers and developers: image processing, CSS gradient and shadow generators, color palettes and contrast checker. Create accessible visuals and CSS, free and without uploading your images.
Calculate an aspect ratio (16:9…) and derive a missing proportional dimension.
Generate a barcode (EAN-13, Code128, UPC) from a value, downloadable, in your browser.
Decode a data URI or Base64 into a viewable, downloadable image, in your browser.
Create CSS rounded corners (border-radius) with a live preview and copy-ready code.
Generate a CSS box-shadow with a live preview and copy-ready code.
Make a background color (green/blue screen) transparent and export a PNG, in your browser.
Simulate how an image looks for different color blindness types (protanopia, deuteranopia, tritanopia, achromatopsia).
Convert a color between HEX, RGB, HSL, HSV and CMYK. Paste any format as input, with a live preview.
Pick a pixel’s color by clicking directly on an imported image (HEX, RGB), in your browser.
Generate a scale of shades and tints from a single base color.
Extract the dominant colors from an imported image to build a palette, in your browser.
Check the contrast ratio between two colors and WCAG AA / AAA compliance.
Generate a fluid CSS clamp() value (responsive typography) between two viewport sizes.
Generate the CSS filter property (blur, brightness, contrast, sepia, hue…) with a live preview.
Build a CSS gradient (linear or radial) with a live preview and ready-to-copy code.
Generate a CSS @keyframes animation (fade, slide, bounce…) with preview and code.
Customize a CSS scrollbar (width, colors, radius) and get the code.
Generate an animated CSS spinner / loader (size, color, speed) with a preview.
Generate a CSS triangle (border trick) with direction, size and color.
Convert CSS units (px, rem, em, pt) with a configurable base.
Generate a PNG favicon from an emoji, in multiple sizes, right in your browser.
View a photo’s EXIF metadata (camera, date, GPS) without uploading it.
Generate a favicon (16/32/48/180 px PNG) from an imported image, in your browser.
Split an animated GIF into downloadable PNG frames, right in your browser.
Generate a CSS glassmorphism (frosted glass) effect with preview and copy-ready code.
Apply a blur to an image (adjustable radius) and download the result, in your browser.
Frame an image with a border of chosen color and thickness, downloadable, in your browser.
Adjust an image’s brightness and contrast and download the result, in your browser.
Compress an image (JPG/WebP, quality slider) to reduce its size, with no upload.
Convert an image between PNG, JPG and WebP right in your browser, with no upload.
Crop an image by drawing the area directly with your mouse, then download.
Apply dithering (Floyd-Steinberg, retro effect) to an image, in your browser.
Convert an image to grayscale (black and white) and download it, in your browser.
Invert an image’s colors (negative) and download the result, in your browser.
Add grain/noise to an image (film effect) and download the result, in your browser.
Pixelate an image (adjustable pixel size) and download the result, in your browser.
Reduce an image’s number of colors (posterize) and download the result, in your browser.
Resize an image (width/height, keep ratio) with no upload, then download.
Rotate (90/180/270°) and flip (mirror) an image, then download, with no upload.
Round an image’s corners (adjustable radius) and export a transparent PNG, in your browser.
Apply a sepia filter (vintage effect) to an image and download it, in your browser.
Sharpen an image (convolution) and download the result, in your browser.
Convert an image into ASCII art (characters based on brightness), right in your browser.
Convert an image (PNG, JPG, GIF, WebP) into a Base64 / data URI string, with no upload.
Convert an image into a multi-size .ico file (Windows favicon), right in your browser.
Add a text watermark to an image (adjustable position and opacity), downloadable, in your browser.
Generate a CSS neumorphism (soft UI) effect with live preview and copy-ready code.
Generate a QR code from text or a URL: colors, size, margin, error-correction level, PNG/SVG export.
Generate organic, random SVG “blob” shapes with copy-ready or downloadable SVG code.
Generate repeatable SVG patterns (dots, grid, checkerboard, chevrons, diagonals) for your backgrounds.
Generate SVG wave section dividers (height, amplitude, frequency, color), with export.
Generate a CSS text-shadow with a live preview and copy-ready code.
Turn text into a downloadable PNG image (font, colors, background), in your browser.
Read text aloud using your browser’s speech synthesis (FR/EN, voice selection).
Frequently asked questions
How do I check color contrast?
The contrast checker computes the ratio between two colors and tells you whether it meets WCAG AA and AAA accessibility criteria.
Are my images uploaded to a server?
No. Image processing happens locally in your browser: your files stay private and are never sent online.