Nodes/ComfyUI S4Tool Image/💀Image Color
ComfyUI Node

💀Image Color

Need a blank canvas or a gradient background? 💀Image Color just makes one

By S4MUEL-404·Created about a year ago·Updated 9 months ago· 4
💀Image Color
    • image
    width512
    height512
    color_hex#FFFFFF
    gradient_enabledfalse
    gradient_start_hex#000000
    gradient_end_hex#FFFFFF
    gradient_start_alpha100
    gradient_end_alpha100
    gradient_angle0

    Every workflow hits the moment where you need an image that isn't generated - a flat background to composite something onto, a gradient for a title card, a solid color to feed a mask or a VAE. ComfyUI's core has a few ways to fake this and they're all fiddly. 💀Image Color from the S4Tool-Image pack just hands you a canvas, in any size and any color, with gradients as a bonus. It's the node you reach for when you want a placeholder and don't want to think about it.

    This is one of the pack's 23-ish image utilities from S4MUEL-404 (find them all under the 💀S4Tool category). It's pure Pillow/numpy under the hood - no model, no VRAM, no download. You set a size, pick a color, and out comes a tensor that behaves like any other IMAGE output in ComfyUI, so it wires straight into compositing, masking, and VAE encode nodes.

    Inputs that actually matter

    The full list is small and self-explanatory. You'll set three of them:

    • width / height - canvas size in pixels, 1 to 4096, default 512. If you're making a background for a specific generation, match your latent size here.
    • color_hex - the fill color as a hex string like #FFFFFF. This is the base color for a solid image and the background when gradients are off.

    Then, if you want a gradient instead of a flat fill, flip gradient_enabled to true and set gradient_start_hex and gradient_end_hex. Two extras worth knowing: gradient_start_alpha and gradient_end_alpha (0–100) let each end fade toward transparent, and gradient_angle (0–360) rotates the direction - 0 puts start on the left, 90 runs top to bottom. So a translucent gradient overlay is one node, no extra alpha plumbing.

    The single output is image (an IMAGE tensor), ready to feed a composite, an Image Mask, or Save Image. Note there's no alpha output on this node - the alpha values bake into the pixels, so transparency shows up in whatever you composite onto.

    Install

    The whole pack comes from one repo, so you get this node when you install the pack:

    cd ComfyUI/custom_nodes/
    git clone https://github.com/S4MUEL-404/ComfyUI-S4Tool-Image.git
    pip install -r ComfyUI-S4Tool-Image/requirements.txt
    

    Or skip all that: ComfyUI Manager → search "S4Tool-Image" → Install, then restart. Because the pack auto-checks its dependencies and logs the verdict in the terminal at startup, you'll see a "PRODUCTION READY" line when things are healthy.

    Gotchas

    This node is about as safe as it gets - no model files, no heavy imports beyond Pillow. The one real footgun is hex format: the node expects the #RRGGBB form. It's tolerant in places, but get in the habit of writing the full six digits. And remember the size range caps at 4096 per side; if you genuinely need a bigger background, make it at 4096 and upscale. If you want a transparent canvas rather than a colored one, the same pack has 💀Image Board for exactly that, and it plays nicely alongside this node.

    Category💀S4Tool

    Inputs (9)

    NameTypeDefaultDescription
    widthINT5121–4096
    heightINT5121–4096
    color_hexSTRING#FFFFFF
    gradient_enabledBOOLEANfalse
    gradient_start_hexSTRING#000000
    gradient_end_hexSTRING#FFFFFF
    gradient_start_alphaFLOAT1000–100
    gradient_end_alphaFLOAT1000–100
    gradient_angleFLOAT00–360

    Outputs (1)

    NameTypeDescription
    imageIMAGE