Skip to main content
PhotoEditor
Back to home
Topic Cluster: Color & Lighting

Master Photographic Color, Tone Curves & Lighting in Your Browser

Explore our integrated suite of in-browser tools and in-depth technical guides for tonal curve calibration, selective 8-channel HSL color correction, black and white channel weighting, and professional 3D LUT grading.

Dedicated Color & Light Tools

Each tool runs locally in your browser with zero server uploads.

In-Depth Editorial Guides & Benchmarks

The Physics and Engineering of Digital Photographic Tones

1. The sRGB Color Matrix & Perceptual Light

Digital photographs capture visual scenes as an array of red, green, and blue discrete pixel intensities, usually quantified in 8 bits per channel (values 0 to 255). However, human visual perception is non-linear: our eyes possess significantly greater sensitivity to variations within deep shadow regions than to equivalent numeric variations within bright highlight areas.

When adjusting brightness or exposure in PhotoEditor.sbs, transformations operate through perceptual gamma math rather than crude arithmetic offsets. This prevents flat clipping in midtones and maintains natural skin tone gradation across varying lighting conditions.

2. Tonal Curves vs. Global Contrast Sliders

Global contrast sliders stretch the histogram outwards from the central midpoint (value 128), simultaneously pushing dark pixels towards black and bright pixels towards white. While effective for quick modifications, global stretching frequently causes shadow crushing in low-key scenes or harsh highlight clipping in skies.

Our dedicated Tonal Curves tool introduces complete freedom by letting you position up to 10 anchoring control points. By constructing an asymmetrical S-curve, you can selectively expand micro-contrast across the midtones where human portrait features reside, while simultaneously applying a gentle shoulder rolloff that protects delicate cloud textures from clipping at 255.

3. Precision HSL Band Separation & Color Harmony

Global saturation sliders amplify every chroma coordinate indiscriminately, often leading to unappealing neon greens in grass or artificial orange discoloration in human complexions. The 8-channel HSL engine separates RGB coordinates into Hue (angular location on the color wheel), Saturation (chromatic purity), and Luminance (perceived brightness) across Red, Orange, Yellow, Green, Aqua, Blue, Purple, and Magenta.

This architectural isolation allows photographers to lower the luminance of blue skies to enhance dramatic cloud definition without affecting warm foliage, or gently nudge orange hues toward golden tones while preserving natural foliage green.

4. Physical Emulsion Emulation in Black & White

In traditional darkroom photography, monochrome films respond to the spectral wavelength of incoming light according to physical chemical formulations (orthochromatic vs panchromatic). Master photographers routinely attached physical colored glass filters to their lenses: a red filter absorbed blue light, turning daytime skies nearly pitch black and making architectural stonework dramatically pop.

Our Selective Black and White tool mathematically emulates this physical phenomenon. Rather than stripping saturation, it calculates a weighted scalar summation of all 8 color channels. With presets like 'Dramatic Sky' or 'Light Skin', you dictate exactly which colors transform into dense charcoal shadows and which emerge as luminous silver highlights.

Frequently Asked Questions about Color & Light

Key technical questions regarding image quality, browser rendering pipelines, and workflow best practices.

What is the optimal order to adjust color and lighting tools?

A professional workflow begins with global exposure and white balance in the Adjust panel to establish a neutral baseline. Next, refine contrast distribution in the Curves panel. Then, isolate specific hues using the 8-channel HSL panel. Finally, apply creative styling (such as 3D LUTs, vignettes, or film grain) as the concluding finishing layer.

How does the tone curve differ from simple contrast sliders?

A contrast slider applies a pre-calculated mathematical symmetrical S-curve across the entire tonal range simultaneously. The Curves panel gives you granular freedom to place up to 10 independent control points, enabling you to lift compressed shadows without blowing out delicate highlight textures, or expand midtone contrast while leaving extreme tones untouched.

Why does selective black and white look superior to desaturation?

Simply setting saturation to zero converts pixels based strictly on perceived luminance, frequently causing contrasting colors (such as a red apple against green leaves) to merge into identical grey tones. Selective black and white mixing assigns custom tonal weights to each of the 8 color bands, mirroring classical black-and-white photography where physical color filters darkens blue skies or highlights foliage.

Can I import custom Lightroom or Photoshop color grades?

Yes, via standard .cube 3D lookup tables (LUTs) up to 65 grid points per axis. In the Filters panel, you can load any 3D .cube file generated by desktop grading software and smoothly dial in blend strength from 0% to 100% directly in your browser.

Are color adjustments computed locally on my device?

Yes. Every pixel transformation is computed in real time using client-side JavaScript, Web Workers, and HTML5 Canvas 2D buffers inside your browser. No image data, pixel arrays, or color parameters are ever sent to an external server.