Uwarp
Input image
Hue adjusted

Upload an image and set hue displacement below—the preview appears here.

Hue displacement

Shifts every color uniformly around the hue wheel. 0 keeps the original; 100 equals a full rotation. Values map to 0–360° hue shift (100 ≈ 360°).

Hue displacement

Hue shift online

Shift image hue online with displacement 0–100. Image hue changer for uniform color shifts—live preview, side-by-side compare, PNG download in your browser.

What is hue shift?

Hue shift rotates every color in an image around the color wheel—the same outcome whether you search for a hue changer, hue shifter, or color shift tool. Each pixel converts to HSV, rotates hue by your displacement value, then converts back to RGB. Displacement 0 leaves the file unchanged; 100 completes a full cycle. Upload, slide, preview, and download PNG—all processing runs in your browser.

Common hue search intents

Upload above, then move hue displacement—these queries map to the same color-shift workflow.

  1. Hue shift: Apply a hue shift to every pixel in HSV space—saturation and value stay tied while colors rotate on the wheel.
  2. Hue changer: Use an image hue changer with one slider from 0 to 100; 50 shifts roughly halfway around the color wheel.
  3. Hue shifter: Run a hue shifter in the browser: preview side by side before you download the recolored PNG.
  4. Color shift: Uniform color shift turns greens into teals or reds into magentas while keeping relative contrast across the frame.
  5. Image hue changer: Change hue of image files in one upload—PNG, JPEG, WebP, or GIF up to 15 MB with alpha preserved on PNG.
  6. Change hue of image: Change hue of image pixels without repainting masks—displacement maps 0–100 to a percentage of a full 360° rotation.

Hue controls

Hue displacement slider for uniform color shift and rotation.

  1. Hue displacement 0 to 100: Full wheel rotation at 100; fine shifts at low values.
  2. HSV color space: Shift hue while preserving per-pixel saturation and value.
  3. Live preview: Preview updates as you drag—see results before download.
  4. Side-by-side comparison: Original and hue-shifted images shown together.
  5. PNG download: Save the result as adjust-hue-image.png.
  6. Multiple formats: Upload PNG, JPEG, WebP, or GIF files.

How to change hue of an image

Steps for hue shift and color rotation online.

  1. Upload the image: Drop or click in the input panel (15 MB max).
  2. Set hue displacement: Move the slider: try 15–30 for subtle shifts or 50+ for strong recolors.
  3. Preview the result: Compare original and shifted colors side by side.
  4. Download PNG: Save when the preview matches your goal.

Tips for hue shifts

Get better results when using the hue changer slider.

  1. Move in small steps: Try 10–25 first—large jumps can swap complementary colors abruptly.
  2. Pair with saturation: After hue, use a saturation tool if recolored areas look flat.
  3. Watch skin tones: Large hue shifts on portraits can look unnatural—keep displacement moderate.
  4. Use PNG for overlays: Alpha is preserved when shifting icons or cutouts.
  5. Compare at zero: Reset to 0 to judge how far you rotated the palette.
  6. Try 25 increments: Steps of 25 approximate 90° rotations for quick quadrant tests.

When to shift image hue

Typical uses for hue changers and color shifters.

  1. Creative recoloring: Explore alternate color palettes on photos or illustrations.
  2. Fix color casts: Nudge hue to counter unwanted green or magenta tints.
  3. Brand mockups: Preview product shots in different accent colors quickly.
  4. Social graphics: Match campaign colors without rebuilding assets from scratch.
  5. Texture tweaks: Shift seamless pattern hues for variation tiles.
  6. Quick experiments: Test hue ideas before opening a full photo editor.

Why use this hue shifter

Benefits of uniform hue shift in the browser.

  1. Uniform shift: Every color rotates together—consistent recolor across the frame.
  2. Preserves contrast: HSV workflow keeps relative lightness and saturation structure.
  3. Private: Images stay on your device—no server upload.
  4. Instant preview: See wheel shifts in real time as you adjust.
  5. No install: Works in any modern browser.
  6. Free: Unlimited adjustments and downloads.

Technical details

How hue displacement works in this tool.

  1. Algorithm: RGB → HSV; hue = (hue × 100 + displacement) mod 100; HSV → RGB. Matches classic CamanJS hue filter scaling.
  2. Color channels: Hue shift on color pixels; alpha unchanged.
  3. Rendering: Canvas 2D getImageData / putImageData.
  4. Input limits: 15 MB; longest edge 8192 px.
  5. Output format: PNG download with optional transparency.
  6. Browser support: Chromium, Firefox, Safari with Canvas 2D.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Image & Conversion.

View all Image & Conversion