Orion4D · CSS Filters APP

If you've ever styled a website, you already know what this node does: it's the CSS filter() property, applied to your generated image. Blur, brightness, contrast, saturate, grayscale, sepia, hue-rotate, invert - all the web dev filters you can recite in your sleep, as one ComfyUI node. Orion4D_FXMax_CSSFilters (displayed "Orion4D · CSS Filters APP") is the most approachable node in the pack precisely because its vocabulary is boring and familiar.

How it works

Each filter is a discrete control with a friendly 0–100 or percentage scale: blur (in a pixel range), brightness, contrast, saturate (all 0–300%, 100% being neutral), grayscale, sepia, invert (0–100%), and hue-rotate (−180 to +180 degrees). The node applies them in sequence via PIL on the CPU - so you can stack, say, contrast 120% + saturate 90% + a touch of sepia for a "Punchy"-style look, which is literally what the Punchy preset does. Soft Sepia is grayscale-plus-sepia, the instant vintage. Neutral is all defaults.

Because each control is independent, this is the easiest node in the pack to reason about: there's no curve graph, no matrix, no tonal ranges - just the eight knobs everyone's seen before. For beginners it's the gentlest on-ramp to the pack's color suite.

Inputs and outputs

Pack-standard schema:

• image - the IMAGE tensor.
• preset - Neutral, Punchy, or Soft Sepia.
• raw_settings - "Embedded JSON settings used for workflow portability. Managed automatically by the APP."
• mask (optional) - apply filters to only part of the frame.

Outputs: image and mask.

Performance reality check

The README puts this one in the heavy CPU tier alongside Curves and Film Grain: continuous conversions between numpy arrays and PIL objects for the blur and LUT-based operations. On a standard still it's fine; on 4K or video batches it's the node to avoid - the pack's explicit advice is to use these sparingly in video workflows or prefer native PyTorch alternatives. For image work, it's a non-issue.

Install

cd ComfyUI/custom_nodes
git clone https://github.com/orion4d/Orion4D_FXMax.git
# restart ComfyUI

ComfyUI Manager search "Orion4D_FXMax" also installs it. No model downloads, Pillow-only deps.

Gotchas

Two things trip people up. First, the percentages: brightness and contrast use 100% as neutral, so 120% means "boost" - if you're used to 0–100 scales where 0 is off, you'll invert your expectations. Second, grayscale and saturate both kill color; running both is redundant. And remember CSS Filters is a blunt instrument - for the subtle, tone-aware color work, the pack's Vibrance or Color Balance will serve you better. This one's for when you want fast, predictable, web-style adjustments.