Skip to content

Tone Mapping and Color Effects

Advanced color and tone adjustments including hue shifting, vibrance, highlights, and shadows control.

Parameters

hue

Shift the hue (color) of the entire image.

Type: float
Range: 0 - 359 (degrees)
Default: 0 (no hue shift)

vib

Adjust vibrance (intelligent saturation that preserves skin tones).

Type: float
Range: -100 to +100
Default: 0 (no vibrance adjustment)

high

Adjust highlight areas of the image.

Type: float
Range: -100 to 0
Default: 0 (no highlight adjustment)

shad

Adjust shadow areas of the image.

Type: float
Range: 0 to +100
Default: 0 (no shadow adjustment)

Usage

Hue Shifting

image.jpg?hue=30
Shift all colors by 30 degrees on the color wheel.

Vibrance Enhancement

image.jpg?vib=25  
Increase color vibrancy while protecting skin tones.

Highlight/Shadow Recovery

image.jpg?high=-40&shad=60
Recover blown highlights and lift shadow detail.

Color Grading

image.jpg?hue=15&vib=20&high=-20&shad=30
Professional color grading treatment.

Tone Mapping Guide

Hue (Color Wheel Shifting)

  • : No change (red remains red)
  • 60°: Red → Yellow, Green → Cyan, Blue → Magenta
  • 120°: Red → Green, Green → Blue, Blue → Red
  • 180°: Complete color inversion
  • 240°: Red → Blue, Green → Red, Blue → Green
  • 300°: Red → Magenta, Green → Yellow, Blue → Cyan

Vibrance vs Saturation

Vibrance provides intelligent color enhancement: - Protects skin tones from over-saturation - Boosts muted colors more than already-vivid colors
- More natural results than uniform saturation - Ideal for portraits and mixed-content images

Highlights (-100 to 0)

  • -100: Maximum highlight recovery (darkens bright areas)
  • -50: Moderate highlight reduction
  • -20: Subtle highlight taming
  • 0: No highlight adjustment

Shadows (0 to +100)

  • +100: Maximum shadow lifting (brightens dark areas)
  • +50: Moderate shadow enhancement
  • +20: Subtle shadow detail recovery
  • 0: No shadow adjustment

Use Cases

Portrait Enhancement

portrait.jpg?vib=15&high=-15&shad=25
Enhance colors while maintaining natural skin tones.

Landscape Photography

landscape.jpg?hue=10&vib=20&high=-30&shad=40
Enhance sky contrast and foreground detail.

Sunset/Golden Hour

sunset.jpg?hue=5&vib=30&high=-25&shad=20
Enhance warm tones and recover detail.

Creative Color Effects

image.jpg?hue=180&vib=40
Create complementary color scheme.

HDR-Style Processing

image.jpg?high=-60&shad=80&vib=25
Dramatic tone mapping for high dynamic range look.

Color Grading Presets

Warm Film Look

image.jpg?hue=15&vib=20&high=-20&shad=30

Cool Contemporary

image.jpg?hue=195&vib=15&high=-25&shad=35

Vintage Fade

image.jpg?hue=25&vib=-10&high=-40&shad=50

Dramatic Contrast

image.jpg?vib=35&high=-70&shad=70

Processing Order

Tone adjustments are applied in sequence: 1. Hue shift (color wheel rotation) 2. Vibrance adjustment
3. Highlights adjustment 4. Shadows adjustment

Advanced Techniques

Split Toning Effect

image.jpg?hue=30&high=-40&shad=60&vib=20
Create color contrast between highlights and shadows.

Color Isolation

image.jpg?hue=120&vib=50&saturation=-80
Shift specific colors while desaturating others.

Cross Processing

image.jpg?hue=200&high=-30&shad=40&vib=30
Emulate film cross-processing effects.

Best Practices

Natural Results

  • Keep hue shifts under ±30° for realistic looks
  • Use vibrance over saturation for portraits
  • Subtle highlight/shadow adjustments (±20-40) for natural HDR

Creative Effects

  • Large hue shifts (90°-180°) for artistic color schemes
  • Extreme highlight/shadow recovery for dramatic looks
  • Combine with style effects for complex treatments

Performance

  • All tone adjustments processed in single optimized pass
  • Results cached globally for fast delivery
  • Combine parameters for efficient processing

Examples

Wedding Photography

wedding.jpg?vib=18&high=-22&shad=28&hue=8

Architecture

building.jpg?high=-45&shad=55&vib=12&hue=5

Fashion Photography

fashion.jpg?hue=20&vib=25&high=-30&shad=35

Nature/Wildlife

nature.jpg?vib=30&high=-35&shad=45&hue=12