π Procedural Gradient
Six gradient styles, exact RGB control, and no model to download
- image
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, orConic. 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.
anglematters 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:
then restart.cd ComfyUI/custom_nodes/ git clone https://github.com/GeekyGhost/24oiduts-ComfyUI pip install -r 24oiduts-ComfyUI/requirements.txt
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.
Inputs (10)
| Name | Type | Default | Description |
|---|---|---|---|
| width | INT | 51264β4096 | β |
| height | INT | 51264β4096 | β |
| gradient_type | COMBO | Radial | 6 options: Linear, Radial, Angular, Diamond, Spiral, Conic |
| color1_r | FLOAT | 1.000β1 | β |
| color1_g | FLOAT | 0.600β1 | β |
| color1_b | FLOAT | 0.000β1 | β |
| color2_r | FLOAT | 0.800β1 | β |
| color2_g | FLOAT | 0.400β1 | β |
| color2_b | FLOAT | 0.000β1 | β |
| angle | FLOAT | 00β360 | β |
Outputs (1)
| Name | Type | Description |
|---|---|---|
| image | IMAGE | β |