🎨Online media & color tools

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.

Convert a color between HEX, RGB and HSL, 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.

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 QR code from text, a URL or a link, and download it.

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).