Hue Rotate in One Sentence
Hue Rotate shifts all colors around the color wheel, letting you recolor a photo or graphic in seconds — then blend it back toward the original with Strength for cleaner, more natural results.
When Hue Rotation Is Useful
Hue rotation is a fast way to explore color ideas without doing manual selection or masking.
Common use cases:
- Creative color grading for thumbnails, posters, and social posts
- Palette exploration (find a new vibe quickly)
- Mockups (try alternate colorways for a product photo)
- Recoloring backgrounds or scene mood (warm ↔ cool)
- Design experimentation for UI imagery, banners, and illustrations
If you need to recolor only one object (like changing a shirt but not the background), hue rotation is often too global — use Strength to reduce the impact or pair with a more targeted tool.
How to Use the Tool
1. Add an image
Drag & drop, paste (Ctrl/⌘+V), or click to select a JPEG / PNG / WebP.
2. Set Hue Rotation
Move the Hue slider to rotate colors 0–360°.
- 0° = no change
- 180° = roughly complementary shift (often dramatic)
- 360° = same as 0°
3. Blend with Strength
Use Strength to control how intense the recolor is:
- 0% = original
- 30–60% = subtle, more natural shifts
- 80–100% = bold, stylized results
4. Try Surprise Me
Click Surprise me ✨ to jump to a wide range of hue + strength combinations. It’s useful for quickly finding a direction, then fine-tuning by hand.
5. Download
Export at full resolution with a settings-based filename like:
image-hue-210-strength-65.png
Understanding the Controls
Hue Rotation
Hue is the “color family” on a wheel (red → yellow → green → cyan → blue → purple → red).
Hue rotation shifts that wheel by a number of degrees:
- small rotations often look like a gentle tint shift
- mid rotations can create new palettes
- large rotations can produce surreal recolors
Tip: If your goal is a realistic adjustment (not a special effect), keep hue rotation modest and let Strength do most of the work.
Strength
Strength blends the hue-rotated version over the original image.
This is the secret sauce for professional-looking results:
- If full hue rotation looks too “filtery,” lower Strength to keep natural tones.
- Strength helps preserve skin tones and neutrals, even with larger hue shifts.
Quick Recipes
Every image behaves differently, but these are good starting points.
Subtle mood shift
- Hue: 10–40°
- Strength: 20–55%
Great for nudging overall vibe without making it obvious.
Bold palette remix
- Hue: 80–160°
- Strength: 70–100%
Good for posters, graphics, and stylized photography.
Complementary punch
- Hue: 170–200°
- Strength: 60–100%
Often dramatic. Use Strength to keep it from looking artificial.
“Designed” look
- Hue: try multiples of 10° (like 40°, 120°, 230°)
- Strength: 45–85%
Snapped angles can feel more intentional than tiny random changes.
Tips for Cleaner Results
1. Keep neutrals neutral
Hue rotation affects everything, including grays and near-grays. If neutrals shift too much:
- lower Strength
- reduce hue rotation
- consider a small follow-up adjustment using Levels or Brightness/Contrast
2. Watch skin tones
Skin is very sensitive to hue shifts. For portraits:
- keep Hue rotation small
- use Strength 30–60%
- if you want a stylized look, go bigger but avoid “green-ish” shifts unless intentional
3. Use Strength instead of chasing the perfect degree
If you find a hue angle you like but it’s too intense, reduce Strength. That’s usually better than changing the hue and losing the palette you wanted.
4. Finish with saturation
Hue rotation doesn’t target saturation. If the result feels dull or too vivid:
- increase/decrease saturation afterwards
- use vibrance if you want a safer boost
Common Problems and Fixes
“It looks muddy / gray.”
- Increase saturation a bit after rotating
- Try lowering Strength (some images blend better with more original content)
“Blues turned into weird skin tones.”
- Reduce Hue rotation
- Reduce Strength
- If needed, adjust gamma/levels to restore natural midtones
“I want only the background recolored.”
Hue rotation is global. Use this tool for fast ideas, then switch to a targeted workflow (masking, selective color, or object-only recolor).
How It Works
This tool applies a hue rotation using your browser’s canvas rendering pipeline (via a hue-rotate filter), then blends the result with the original image based on Strength.
- Preview is rendered with a capped size for speed.
- Download exports at full resolution.
