Skip to content

[FEATURE] Add hue adjustment slider to color correction controls #1159

@Kr1491

Description

@Kr1491

Feature description
Add a hue adjustment control to the existing color correction section alongside the current brightness, contrast, and saturation sliders.

Problem this solves
The color correction panel currently exposes brightness, contrast, and saturation — but hue is missing. Hue adjustment is a fundamental color correction tool, useful for:

  • Fixing white balance issues
  • Correcting skin tones
  • Creative color grading

Users who need hue control currently have no option within the app.

Proposed solution

  1. Add hue: number field to EditRecipe in src/lib/types.ts (default: 0, range: -180 to 180)
  2. Add the FFmpeg hue filter in src/lib/ffmpeg.ts inside buildVideoFilter — FFmpeg already supports this natively: hue=h=<value>
  3. Add a hue slider to the color correction UI, following the exact same pattern as the existing brightness/contrast/saturation sliders

Alternatives considered
Exposing hue as part of the existing eq filter — not possible since FFmpeg's eq filter does not support hue. It requires a separate hue filter, but this is straightforward to chain with the existing filters.

Additional context
The existing brightness, contrast, and saturation controls in src/lib/ffmpeg.ts use FFmpeg's eq filter. Hue would be added as a separate hue filter chained in the same filter pipeline. The infrastructure for all three steps (recipe field, ffmpeg filter, UI slider) is already fully established — this is a direct extension of the existing pattern.

Browser and OS info

  • OS: Any
  • Browser: Any
  • Version: Any

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions