Pairs worth revisiting before you flatten color
Start with a 2048×1365 JPEG from a reception hall: warm spots, blue spill near the windows, faces caught between both. Luminance keeps cheekbones separated from the wall. A straight red-channel lift turns skin metallic while the dress stays dull. Average RGB lands in the middle, yet mouths lose depth. The point is not nostalgia for film; the point is choosing which relationship between hues you destroy on purpose.
Second pair: a screenshot of a dark-mode IDE with syntax colors. Green strings, orange keywords, purple types. Green-channel grayscale reads like fog; luminance preserves comment hierarchy enough for a slide deck. If you need exact pixel values afterward, open metadata viewer on the original so you do not confuse display gamma with export gamma.
Third pair: a product photo on white seamless. Blue-channel emphasis exaggerates dust on acrylic. Desaturate (max plus min over two) softens speculars more than luminance does. When packaging still looks harsh, walk through brightness contrast on the color file first, then return here so the grayscale recipe judges a fairer starting point.
The math the sliders borrow
Each pixel arrives as four samples: red, green, blue, and alpha. Recipes turn the first three into one gray number. Luminance applies ITU-R BT.601 style weighting: extra green, restrained blue, enough red for skin. Channel options copy a single band, which is not neutral yet is honest when you want infrared-flavored foliage or moonlit cobalt shadows.
Brightness adds the same offset to every gray before clamping. Contrast stretches values away from mid gray using a standard curve; small moves matter, so the range stays ±50 with live readouts. Alpha copies through untouched, which keeps PNG transparency intact for overlays.
| Recipe | Best when | Watch for |
|---|---|---|
| Luminance | People, mixed indoor light, general photography | Skies can darken aggressively next to snow |
| Average RGB | Even lighting, abstract textures | Flat faces under strong color casts |
| Single channel | Creative bias, forensic emphasis on one band | White balance skew becomes the whole story |
Field note on faces
We lean toward luminance for faces in mixed light because the weighted sum tracks human sensitivity better than a flat average.
When you need a harder graphic look, red-channel portraits on cool backgrounds pop, yet teeth and eyes need manual guarding.
When to leave this page
Raster editing here does not replace a calibrated print pipeline or camera raw development. CMYK separations for packaging belong in desktop tools with ICC profiles.
Animated GIF timelines should be split elsewhere before you expect frame-accurate grayscale across hundreds of layers.
Editor note: If noise spikes after conversion, the grain lived in the color channels already. Try noise reduction on the color source, export, then grayscale the cleaned file so you are not fighting amplified luminance noise.
Privacy stays in the tab
Decoding, per-pixel loops, and PNG encoding run inside the browser session you opened. Close the tab on shared hardware once you finish saving.
Very wide panoramas still cost time because JavaScript touches every pixel sequentially. The interface caps on-screen scale for responsiveness while internal buffers stay full resolution for export.
UI screenshots deserve their own pass
Flattening a dashboard capture is different from flattening a portrait. Text anti-aliasing leans on colored fringes; aggressive contrast turns letters into saw teeth. Start with luminance, keep contrast under fifteen unless you are preparing a one-bit fax aesthetic. If badges rely on hue alone to signal severity, grayscale removes the cue, so add shape or labels before you present the slide.
Maps and heatmaps suffer the same trap: viridis-style ramps become mud unless you preserve lightness steps. Channel previews help you see whether the story lived in the red warning layer or the blue cool layer. When stakeholders ask for “printer friendly” exports, duplicate the file first, run grayscale here on the copy, and leave the master color file linked from your deck appendix.
Why alpha survives the recipe
Transparency is not a color; the fourth channel stores coverage. Copying alpha untouched means soft edges on logos stay soft after monochrome math. Premultiplied PNGs still decode to straight alpha in canvas, yet fringe colors around hair can tint gray slightly. When halos appear, fix them in color with matte cleanup, then return here so the grayscale stage does not inherit old spill.
Want warmth instead of neutral gray? Sepia tone layers a brown matrix after you understand the underlying luminance map. For a binary ink effect without mid tones, threshold is the blunt sibling to this converter.
