Remove Specific Color - Online Extract or Delete Hue
Select a color in an image and completely remove it or make it transparent. Great for background removal experiments. Local.
UD5 Toolkit
Instantly make white backgrounds transparent. No upload to server – your privacy, guaranteed.
or click to browse. JPG, PNG, WebP, GIF (static) supported.
Processed locally – never leaves your device.
Processed entirely in your browser. Zero upload.
Select a color in an image and completely remove it or make it transparent. Great for background removal experiments. Local.
Automatically remove the background from any photo using a small on‑device AI model (WASM). No upload. Works offline.
Keep one selected color and turn the rest of the image to grayscale. Eye‑catching selective color effect. Pure canvas.
Apply real-time CSS filters or canvas effects to a video and download the processed output. Experiment with video post-processing locally.
Adjust a brightness threshold slider and see the live vector trace of an image. Export as SVG. Potrace‑style.
Chain multiple CSS filter functions and see the result on an image. Copy the filter string. No upload.
Apply a blur effect to image background while keeping the subject sharp. Simple brush selection for area to keep sharp. CSS+Canvas implementation, local only.
Rotate the hue of any image globally. Turn a red car blue instantly. Download the result. Works entirely in the browser.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Add a soft vignette to your photo. Control radius, darkness, and feathering. Creates a classic photographic look.
Create a looping animated gradient background with multiple color stops. Copy the complete CSS keyframes. Eye‑catching.
Enter two URLs and see if they resolve to the same canonical form after normalization. Find duplicate content issues.
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.
Simulate how a palette looks under daylight, tungsten, or fluorescent light. Understand metamerism. For accurate color work.
Recreate the target CSS linear gradient by adjusting stops and colors. A unique game for front‑end developers to master gradients.
Apply a realistic oil painting texture to your photo. Adjust brush size and roughness. Brush stroke simulation.
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Add a dramatic fire or flame overlay to any image. Realistic blending. Adjust intensity. Download the hot result.
Mix two or more colors using subtractive (CMYK‑like) blending. See what happens when you combine real paints. Brush effect canvas.
Generate a link to an SVG placeholder image with a custom width, height, and text. Use as dummy image src. No server.
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
Try all object‑fit values (fill, contain, cover, scale‑down) on an image. Adjust object‑position. Copy the CSS.
Click on a box to set the transform‑origin point and see how rotations and scales change. Copy the CSS.
Fill in a component name and generate a complete Stencil.js component with TSX, CSS, and test files. Quick start.
Render 1000 styled elements using inline styles vs. CSS classes and compare time. Understand CSS‑in‑JS trade‑offs.
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
Move your mouse to create colorful ink swirls in a simulated fluid. Beautiful and mesmerizing. No install. Just WebGL.
Load a sprite sheet, define frames, and play an animation on a canvas. Control frame rate and loop. Game dev tool.
Convert a small image into a Base64 data URI and get a Markdown image tag. Perfect for README files and note‑taking apps. Local.
See how `animation‑composition: replace, add, accumulate` works by layering animations on the same property. Understand the spec.