Advanced Hue Saturation

You open a portrait where the shirt looked teal on set but reads green on screen. The fix is rarely one global filter. This workspace lets you steer hue, saturation, and lightness per color family while a draggable split line keeps the untouched pixels honest.

Load an image

Tap here or drop a file. Processing runs in your tab.

Range
Hue shift
Saturation0%
Lightness0%

Saturation screams before hue whispers

Most edits go wrong because saturation moves fast. Skin goes plastic. Grass turns neon. Hue shifts feel subtle until you stack them with a heavy saturation push.

We recommend nudging hue in five- to ten-degree steps when faces or products sit in frame, then returning to saturation only after the split line stops lying to you.

Under the split line

The left side always samples the loaded file. The right side shows the same pixels after HSL math runs in JavaScript on your device. No upload queue, no server-side storage.

If you need layered looks or curves-style contrast, pair this page with photo color grading or brightness and contrast after you settle hue here.

GoalWhere to startWhat to watch
Cool down a noon exteriorMaster, small negative hue toward magenta-blue, tiny lightness downConcrete should not turn lavender
Save a red logo from orange castReds range, hue negative, saturation slight upLipstick bleed on adjacent skin
Muted editorial gradeMaster saturation down, Greens or Yellows lifted separatelyShadows going flat gray

A 5200K packshot at 2:00 PM still needs judgment

Picture a white bottle on gray seamless, lit with nominally 5200 K LEDs. The raw file looks clean on set, yet the cap reads slightly green on a laptop panel calibrated last year. You do not need a twelve-node curve. You need a narrow yellow-green pull and a sanity check on reds so the label ink stays honest.

Here, you would open Yellows or Greens, subtract ten to fifteen degrees of hue, drop saturation two or three points on Master if plastic highlights spike, then drag the compare slider until the cap matches what you remember from the shoot. Export once the split line stops embarrassing you.

Master still wins some fights

Range chips excel when color families split cleanly. Foggy scenes, heavy mixed lighting, or aggressive noise reduction smear hue boundaries. In those cases a conservative Master adjustment plus a later pass in color balance beats chasing each wedge.

Trust the histogram in your head: if every channel looks wrong, fix global cast first. If one costume element fights the rest, switch to the matching range.

From RGB triplets to a movable wheel (without leaving the page)

Each pixel arrives as red, green, and blue bytes. The tool converts those values into hue, saturation, and lightness, applies your offsets only where the selected range matches, then converts back. Alpha channels pass through unchanged so PNG transparency survives when the source supports alpha.

Large files resize to a 1600 px longest edge before pixels hit the canvas so phones stay responsive. Export always uses the working resolution shown in the hidden adjusted canvas, not a separate server render.

Privacy stays boring on purpose

File reads, drag events, and pixel buffers stay inside the browser tab you opened. Clear the tab or refresh and the image data is gone unless you download a PNG.

What this page refuses to promise

Selective ranges use simple hue wedges, not printer-grade ink separations. A blue sweater under tungsten light still shares hue bins with shadow noise, so edge halos appear if you swing sliders wildly.

Animated GIF timelines and CMYK print proofs need dedicated apps. For swapping one brand hex for another across flat regions, color replace sometimes finishes faster than HSL alone.

Two monitors disagreeing is normal. What you lock in here is relative: left versus right on the same screen. Ship finals only after you view them on the display your audience uses most.

Hue saturation questions we get in support mail

Short answers tied to how this interface behaves.

Why does my export look softer than the preview?

The preview scales pixels to fit your screen. Export uses the downscaled working image (long edge up to 1600 px) to keep phones fast. Start from a high-resolution source if you need print-sized output.

Does Colorize replace normal hue edits?

Colorize forces a synthetic hue and saturation curve so the image reads like a duotone. Turn off when you want natural color correction.

Can I target a single object without a mask?

Range chips only know hue angles, not shapes. Objects that share a hue with the background will move together. For precise shapes you still need manual selection in desktop software.

Why did my greens shift when I edited yellows?

Hue wraps in a circle. Large shifts on adjacent ranges tend to spill visually. Reduce the hue delta or tighten the workflow: fix yellows first, then greens.

Will EXIF metadata survive?

Canvas export creates a new PNG bitmap. Camera metadata from the original JPEG does not copy across. Keep originals archived separately.