About

Color desaturation reduces chromatic intensity in an image by interpolating each pixel between its original RGB value and a computed gray equivalent. The gray value depends on the method: the Luminosity method applies ITU-R BT.709 perceptual weights (L = 0.2126R + 0.7152G + 0.0722B), producing results that match human brightness perception. The Average method treats all channels equally. The Lightness method uses the midrange of channel extremes. Choosing the wrong method produces flat, muddy tones or crushed highlights. This tool processes pixels natively in the browser using the Canvas API with Web Worker acceleration.

Channel-selective desaturation isolates hue ranges (Reds, Yellows, Greens, Cyans, Blues, Magentas) and removes saturation only from selected families. This technique is standard in portrait retouching and product photography where skin tones or brand colors must remain vivid while the background loses chroma. The feathering algorithm applies a cosine falloff at hue boundaries to prevent hard color transitions. Note: results approximate professional software behavior but do not replicate ICC color-managed workflows.

Formulas

The core desaturation operation is a linear interpolation between the original color and its computed gray value, controlled by an amount parameter a ranging from 0 (original) to 1 (fully desaturated).

C_out = C_in ⋅ (1 − a) + gray ⋅ a

where C_out is the output channel value, C_in is the original channel value, a is the desaturation amount (0 - 1), and gray is the grayscale equivalent computed by the selected method.

gray_lum = 0.2126 ⋅ R + 0.7152 ⋅ G + 0.0722 ⋅ B

gray_avg = R + G + B3

gray_light = max(R,G,B) + min(R,G,B)2

For channel-selective desaturation, the hue angle H is computed from RGB. A mask weight w is derived using cosine feathering across the target hue range with a configurable feather width f (default 15°). The per-pixel desaturation amount becomes a ⋅ w.

Reference Data

Method	Formula	Perceptual Accuracy	Speed	Best Use Case
Luminosity (BT.709)	0.2126R + 0.7152G + 0.0722B	High	Fast	Photography, print
Luminosity (BT.601)	0.299R + 0.587G + 0.114B	Medium-High	Fast	Video, legacy systems
Average	(R + G + B) ÷ 3	Low	Fastest	Artistic, flat look
Lightness (HSL)	(max + min) ÷ 2	Medium	Fast	Illustration, design
Desaturate (HSL)	S → 0	Medium	Medium	Precise hue control
Channel-selective	Per-hue S reduction	High	Slower	Portrait retouching
Single channel (R)	gray = R	Very Low	Fastest	Forensic, infrared look
Single channel (G)	gray = G	Medium	Fastest	Landscape, B&W film sim
Single channel (B)	gray = B	Very Low	Fastest	Dramatic sky effects
Decompose (Value)	max(R,G,B)	Low	Fastest	Bright, washed look
Luma (sRGB linear)	Linearize → BT.709 → gamma	Highest	Slow	Color-accurate archival
RMS	√(R² + G² + B²) ÷ 3	Medium	Medium	HDR tone mapping

Frequently Asked Questions

The Luminosity method (BT.709) weights green at 0.7152, reflecting the human eye's peak sensitivity to green wavelengths. The Average method weights all three channels equally at 0.333. In practice, Average produces noticeably darker greens and brighter blues compared to perceived brightness. For photographic work, Luminosity preserves tonal relationships more accurately. Average is acceptable for stylistic or artistic effects where perceptual accuracy is not a priority.

The tool applies a cosine falloff function at hue range edges. For example, if you desaturate Reds (centered at 0°), pixels at exactly 30° (orange) receive partial desaturation rather than an abrupt cutoff. The feather width defaults to 15°. This prevents visible banding artifacts at the boundary between desaturated and saturated regions. The mask weight follows w = 0.5 ⋅ (1 + cos(π ⋅ d ÷ f)) where d is the angular distance from the target hue center.

The preview renders at display resolution, which may differ from the source image resolution. The export always processes the full-resolution original. Additionally, browser color management may apply monitor ICC profiles to the canvas display but not to the exported PNG blob. If color accuracy is critical, calibrate your monitor and compare exports in a color-managed viewer.

Yes. Use channel-selective mode and enable desaturation on all hue families except the one you want to keep. For example, to isolate red objects: enable desaturation on Yellows, Greens, Cyans, Blues, and Magentas at 100%, leave Reds at 0%. The feathering ensures smooth transitions. For very specific hues (e.g., only fire-truck red, not skin red), the feather width may need manual reduction.

The tool processes images up to 4096 × 4096 pixels. Beyond that, the image is downscaled proportionally. For images within this limit, a Web Worker handles pixel processing off the main thread. Typical processing time for a 3000 × 2000 image is under 200ms on modern hardware. Older devices may take up to 1s.

No. The alpha channel is preserved unchanged. Only the R, G, and B channels are modified. Transparent PNG regions remain transparent after processing and export.