Transform and recalibrate photographic color palettes with hardware-accelerated precision using the Universal Image Hue Adjuster & Chromatic Color Shift Studio on RiazHub. Built on high-performance in-browser cylindrical HSL/HSV color science, this utility enables users to perform full 360° global spectrum rotations (-180° to +180°), selectively isolate and replace specific target color bands (Reds, Yellows, Greens, Cyans, Blues, Magentas) with smooth cosine feathering, and generate stylized duo-tone colorize tint washes. Analyze color distribution shifts in real-time with an interactive 360° chromatic polar histogram, compare adjustments with a 60 FPS split-screen before/after divider, and preserve alpha transparency channels. Featuring batch multi-image queue processing, 1-click creative presets, and lossless WebP, PNG, and JPEG exports with an in-memory client-side ZIP packager, all operations run 100% locally in your browser for absolute privacy and speed.

Professional Color Science Studio

Universal Image Hue Adjuster & Chromatic Studio

Shift color wavelengths, target and replace specific hues, generate stylized duo-tone color washes, and batch process images with hardware-accelerated precision.

Active Hue Shift 0° [Neutral]

Target Isolation Global (All Colors)

Sat & Lightness Sat: 0% • Lum: 0%

Engine Status ⚡ 100% In-Browser HSL

Presets:

Drag & Drop Image(s) Here

Supports JPG, PNG, WEBP, AVIF, BMP, GIF & SVG

Calibration Mode:

Master Hue Angle Offset: 0°

0°

Click or drag the 360° ring to set hue angle

Saturation Multiplier: 0%

Lightness / Luminance Bias: 0%

OUTPUT FORMAT

QUALITY: 95%

FILENAME SUFFIX

No Image Loaded

Upload an image or load the colorful sample photo to begin adjusting hues

Original Shifted

Original Hue Distribution

Shifted Active Distribution

Thumb	Filename	Resolution	Applied Shift	Format	Action
No images in batch queue. Drag & drop multiple images to process together.

The Hue, Saturation, Lightness (HSL) color space represents all photographic colors in a cylindrical coordinate system. Hue is mapped radially from 0° to 360° around the circle: Pure Red at 0°/360°, Yellow at 60°, Green at 120°, Cyan at 180°, Blue at 240°, and Magenta at 300°. By adjusting the hue angle by \(\Delta H\), all color wavelengths rotate smoothly across the visual spectrum while preserving luminance and depth.

Selective mode isolates a specific target color band (e.g., foliage greens or sky blues) using shortest circular angular distance math: \(\Delta\theta = \min(|h - h_{target}|, 360 - |h - h_{target}|)\). Pixels within the user-defined angular tolerance receive smooth cosine-weighted hue shifts \(\cos\left(\frac{\Delta\theta}{\text{tolerance}} \cdot \frac{\pi}{2}\right)\), preventing harsh digital pixel artifacts, color fringes, or banding.

During active slider dragging, this studio applies GPU-accelerated CSS transformations for instant, fluid 60 FPS visual feedback. Upon releasing the control or switching modes, the studio executes precise client-side pixel array traversal (getImageData) with trigonometric RGB-to-HSL conversions, ensuring 100% pixel-perfect raster exports with complete transparency (Alpha channel) retention.

Your privacy and data safety are strictly preserved. All image decoding, chromatic transformations, polar histogram generation, and ZIP packaging happen entirely inside your local browser memory using HTML5 Canvas and native Web APIs. Zero images or metadata are ever uploaded to any external cloud or server.