HSL Color — Per-Band Hue, Saturation, Luminance
Shift hue, saturation, and luminance independently for each color band. Mute one color, push another, refine skin tones — surgical secondary correction in the browser.
What it is and why it matters
HSL is the secondary color tool every colorist reaches for after wheels and curves are dialed in. Where wheels and curves shape the entire image globally, HSL lets you isolate a single color band — reds, oranges, yellows, greens, cyans, blues, magentas — and adjust just that band's hue, saturation, or luminance. Want to mute a distracting brand color in the background without touching the talent's skin? HSL. Want to push a sky bluer without affecting anything else? HSL. Want to shift orange skin tones half a degree warmer to match a reference? HSL. Skrrol AI's HSL panel exposes the eight standard color bands with three sliders each — Hue (shift the color), Saturation (push or pull color intensity), and Luminance (brighten or darken the band) — and processes adjustments in real time on the GPU.
The panel also handles per-band qualifier expansion. Pull a color band's range wider to include neighboring hues, narrow it to focus on just one tone, or use the eyedropper to sample an exact color in the frame and have the qualifier conform to it. That's how you fix a stubborn color cast — sample the wrong shade, expand or narrow the qualifier until just the problem is selected, then drag the saturation or hue slider to neutralize it. Combined with the wheels and curves panel and LUT-based base looks, HSL completes the secondary correction toolkit professional colorists expect.
How it works
- 1
Open the HSL panel
Select a clip and open the HSL tab in the color inspector. Eight color bands appear, each with three sliders.
- 2
Pick a band to adjust
Click on the band that contains the color you want to shift. The eyedropper tool lets you sample directly from the canvas to confirm.
- 3
Shift hue
Drag the hue slider to rotate that band toward another color — a warm orange becomes a slightly red tone, a cool blue becomes more cyan.
- 4
Push or pull saturation
Boost saturation to make a band pop, or pull it negative to mute or fully desaturate that color while leaving everything else intact.
- 5
Adjust luminance
Brighten or darken just that band — useful for pulling sky brightness without touching the foreground or muting a bright distraction.
- 6
Refine the qualifier
Widen or narrow the band's color range to include or exclude neighboring tones for surgical control over what gets affected.
Benefits
Eight isolated color bands
Reds, oranges, yellows, greens, cyans, blues, magentas, plus a tunable custom band.
Per-band hue, sat, luma
Independent control of color identity, intensity, and brightness within each band.
Eyedropper sampling
Click any pixel in the canvas and the band qualifier conforms to that exact color for surgical precision.
GPU-accelerated preview
Drag a slider and the timeline updates live — no render wait, no quality drop, no offline preview.
Who uses it
Portrait videographers
Refine skin tones, lift orange luminance gently, and tighten saturation for natural, flattering faces.
Wedding editors
Cool down warm venue lighting, push sky blues outdoors, and balance dress-fabric saturation for a consistent palette.
Real estate videographers
Calm overly saturated walls, push grass greens outdoors, and balance pool blue across multiple listing shots.
Brand content editors
Mute or shift competitor brand colors in background frames, push the brand's signature palette consistently.
Music video editors
Push bold stylized color shifts — neon magentas, cyan-shifted shadows, orange-pushed highlights — band by band.
Frequently asked questions
How is HSL different from saturation in the wheels?
Wheel saturation affects everything globally. HSL lets you adjust saturation in just one color band, leaving the rest untouched — that's secondary correction.
Can I use HSL alongside a LUT?
Yes. Apply a LUT as the base look, then use HSL on top to refine specific bands inside that look.
Does the eyedropper sample skin tones reliably?
Yes. Click on a representative skin patch and the orange band's qualifier widens or narrows to match. Combine with a small luminance lift for a flattering finish.
Can I copy HSL settings between clips?
Yes. Right-click a graded clip, choose Copy Grade, and paste onto another clip — HSL is included along with wheels, curves, and any LUT.
Will heavy HSL adjustments cause banding?
Excessive saturation or luminance pushes on compressed source can introduce banding. Start with the source at the highest available bit depth and apply in moderate steps.
Related editor features
Pro Color Grading In Your Browser — Wheels, Curves, Scopes
Shape mood with cinema-grade color tools. Lift, gamma, and gain wheels, RGB curves, vectorscope, waveform, and parade — all running locally in your browser.
LUT Color Presets — Cinematic Looks In One Click
Load any standard .cube LUT and apply cinematic looks in one click. Intensity slider, stack with manual grades, and save your own as exportable LUTs.
White Balance — Fix Color Temperature In Seconds
Correct color temperature with temperature and tint sliders, or click a white pixel with the eyedropper for instant neutral whites across any clip.
Chroma Key — Green Screen Removal With Spill Control
Pull clean keys on green and blue screen footage right in your browser. Tolerance, edge feather, spill suppression, and matte preview built in.
Try it in the Skrrol AI editor
Skrrol is a browser-native video studio. Open the editor in your browser, drop in your media, and use this feature alongside the rest of the timeline. Free, no install, your files stay on your device.