Uwarp

Or try an example

Hue displacement

Help Us Improve

—

(—)

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.

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 or pick an example: Drop your file, or click a sample thumbnail to try hue shift instantly (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