Image Hue Shifter - Online Change Colors Easily
Rotate the hue of any image globally. Turn a red car blue instantly. Download the result. Works entirely in the browser.
UD5 Toolkit
or click to browse — MP3, WAV, OGG, FLAC, M4A supported
Max file size: 80 MB| From Key | To Key | Semitones | Interval |
|---|---|---|---|
| C | D | +2 | Major Second |
| C | E | +4 | Major Third |
| C | F | +5 | Perfect Fourth |
| C | G | +7 | Perfect Fifth |
| C | A | +9 | Major Sixth |
| E | G | +3 | Minor Third |
| A | C | +3 | Minor Third |
| Any | Octave Up | +12 | Octave |
detune parameter, which adjusts pitch in cents (100 cents = 1 semitone) while preserving the original duration. This means you can transpose a song to a higher or lower key, and it will still play at the same speed — perfect for musicians, singers, and producers.
Rotate the hue of any image globally. Turn a red car blue instantly. Download the result. Works entirely in the browser.
Search for common ingredient substitutions (e.g., buttermilk, egg, cornstarch). Quick reference for when you're missing something. Local data.
Apply real-time CSS filters or canvas effects to a video and download the processed output. Experiment with video post-processing locally.
Simulate how a palette looks under daylight, tungsten, or fluorescent light. Understand metamerism. For accurate color work.
Create a looping animated gradient background with multiple color stops. Copy the complete CSS keyframes. Eye‑catching.
Click on a box to set the transform‑origin point and see how rotations and scales change. Copy the CSS.
Recreate the target CSS linear gradient by adjusting stops and colors. A unique game for front‑end developers to master gradients.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Enter two URLs and see if they resolve to the same canonical form after normalization. Find duplicate content issues.
Select a color in an image and completely remove it or make it transparent. Great for background removal experiments. Local.
Preview different touch feedback patterns (scale, color, ripple) for mobile buttons. Copy the CSS and HTML. Improve mobile UX.
Load a sprite sheet, define frames, and play an animation on a canvas. Control frame rate and loop. Game dev tool.
Adjust a brightness threshold slider and see the live vector trace of an image. Export as SVG. Potrace‑style.
Generate truly random numbers within a specified range. Useful for contests, game decisions, and sampling. Runs locally, no hidden algorithms.
Generate strong random strings for API tokens, session secrets, or encryption keys. Uses crypto.getRandomValues().
Keep one selected color and turn the rest of the image to grayscale. Eye‑catching selective color effect. Pure canvas.
Select text and see the Selection object properties. Create ranges programmatically. Understand how rich‑text editors work.
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.
An interactive reference for regular expression tokens. Click a token to see its explanation and example. Learn regex faster.
Choose Babel presets (env, React, TypeScript) and plugins. Get a clean babel.config.json to transpile your code. Local tool.
Search and copy HTML entities for arrows, math, currency, and symbols. See the glyph and code. Fast reference.
Interactive cheatsheet for JavaScript regular expressions with live examples. Click any token to see its explanation and test it on sample text immediately.
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Generate a subtle or heavy noise/grain texture as a CSS background. Adjust intensity and color. Copy the small code.
Chain multiple CSS filter functions and see the result on an image. Copy the filter string. No upload.
Automatically remove white background from an image and make it transparent. Adjust tolerance. Save as PNG.
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
Paste any iframe embed code (YouTube, maps) and get a responsive wrapper div with correct aspect ratio CSS.
Add a soft vignette to your photo. Control radius, darkness, and feathering. Creates a classic photographic look.
Quick reference of HTTP methods with their semantics, idempotency, and example REST usage. Static, fast.