Nodes/24oiduts-ComfyUI/🌈 Procedural Gradient
ComfyUI Node

🌈 Procedural Gradient

Six gradient styles, exact RGB control, and no model to download

By GeekyGhostΒ·Created 12 months agoΒ·Updated 10 months agoΒ· 0
🌈 Procedural Gradient
    • image
    β—„width512β–Ί
    β—„height512β–Ί
    β—„gradient_typeRadialβ–Ί
    β—„color1_r1.00β–Ί
    β—„color1_g0.60β–Ί
    β—„color1_b0.00β–Ί
    β—„color2_r0.80β–Ί
    β—„color2_g0.40β–Ί
    β—„color2_b0.00β–Ί
    β—„angle0β–Ί

    Procedural Gradient Generator makes gradients - linear, radial, angular, diamond, spiral, conic - with exact RGB color control, computed instantly with no model and no download. It's the most basic of the pack's LCARS procedural generators, and "basic" is a compliment: it's the node you reach for when you need a clean background, a lighting-feel test, or a color-field to composite behind something.

    Gradients are the quiet workhorse of a lot of workflows. A subtle radial gradient behind a product render reads as studio lighting. A spiral or conic gradient makes instant scifi UI backdrops for the pack's LCARS aesthetic. And because it's deterministic and instant, it's perfect for placeholders while you're still building the graph - generate a background now, swap in real art later.

    The inputs that matter

    • width / height - 64 to 4096 (step 64). Generous range, instant at any size.
    • gradient_type - Linear, Radial, Angular, Diamond, Spiral, or Conic. Radial and Linear cover most real needs; Spiral/Conic are for the decorative stuff.
    • color1_r/g/b and color2_r/g/b - the two endpoints, each 0–1 floats. Red-to-black default (1, 0.6, 0 β†’ 0.8, 0.4, 0) is a warm LCARS-style gradient.
    • angle - rotation for the linear/angular cases, 0–360.

    Output is the image - an IMAGE tensor for any downstream node.

    Tips

    • For a background that doesn't fight your subject, keep the two colors close in value; high-contrast gradients draw the eye.
    • angle matters most for Linear; Radial/Diamond largely ignore it.
    • It's a great first node to wire into the pack's Layer Composer or a blend-mode test - cheap iteration.

    Installing it

    Same pack, 24oiduts-ComfyUI:

    • ComfyUI Manager: search 24oiduts, install, restart.
    • Manual:
      cd ComfyUI/custom_nodes/
      git clone https://github.com/GeekyGhost/24oiduts-ComfyUI
      pip install -r 24oiduts-ComfyUI/requirements.txt
      then restart.

    Pillow/numpy only. The GitHub README is a stale Studio42 template with a "not recommended for use" banner and no license - that's the author's old template README, not a verdict on this code.

    Troubleshooting

    • Gradient looks banded - 8-bit output can show steps on very smooth gradients; use it as-is or apply a light blur downstream.
    • Color seems off - remember the inputs are 0–1 floats, not 0–255; 1 = full channel.

    When you need a color field that doesn't take 30 seconds and 4GB of VRAM, this is the node. Simple, instant, and exactly as advertised.

    CategoryStudio42/LCARS/Generators

    Inputs (10)

    NameTypeDefaultDescription
    widthINT51264–4096β€”
    heightINT51264–4096β€”
    gradient_typeCOMBORadial6 options: Linear, Radial, Angular, Diamond, Spiral, Conic
    color1_rFLOAT1.000–1β€”
    color1_gFLOAT0.600–1β€”
    color1_bFLOAT0.000–1β€”
    color2_rFLOAT0.800–1β€”
    color2_gFLOAT0.400–1β€”
    color2_bFLOAT0.000–1β€”
    angleFLOAT00–360β€”

    Outputs (1)

    NameTypeDescription
    imageIMAGEβ€”