ComfyUI Node

Color Input

One picker, five outputs, zero retyping hex codes

By tetsuoo-onlineΒ·Created 9 months agoΒ·Updated about a month agoΒ· 5
Color Input
  • color
  • hex
  • r
  • g
  • b
  • a

Color Input is the node you reach for when you're sick of guessing hex codes by hand. It's just a color picker widget that hands the chosen color out as five separate outputs: hex, r, g, b, and a. That's the entire job, and honestly it does it well - because the whole point of a value node is to give you one place to define a color and let the graph fan it out, instead of retyping #FF6B35 into three different widgets and hoping they match.

The use case that makes it worth installing: any node in the TOO pack that takes a hex string - Custom Color Tint's color_hex, the LoRA Grid's label_color and bg_color, footer colors - plus third-party nodes that accept a color string. Wire the picker into all of them and changing the color is one click on a swatch, not three trips to a hex converter.

How it works. Under the hood it's a custom widget type (TOO_COLOR) that stores the color as a dict with hex, r, g, b, a keys. Run the node and it splits that dict out: hex comes back as the #RRGGBB string, and r/g/b/a come back as strings too. Note the catch - all five outputs are STRING type, including the numbers. If a downstream node expects a numeric input you'll be converting, so match this against consumers that want text (which is what the hex-driven nodes in this pack want anyway).

Inputs and outputs. Exactly one required input, color, which is the picker itself. Five outputs, all strings: hex, r, g, b, a. For a batch of color-driven nodes that's a tidy bundle.

Install. It ships in the Comfyui-TOO-Pack, so either grab it via ComfyUI Manager (search "Comfyui-TOO-Pack") or:

cd ComfyUI/custom_nodes
git clone https://github.com/tetsuoo-online/Comfyui-TOO-Pack

Then restart ComfyUI. No extra Python packages, no model downloads - it's pure widget.

Gotchas. It lives in the πŸ”΅TOO-Pack/mixlab category, which is easy to miss when you're hunting in the image tab. Also, the value-node pattern here is the same one covered in the KB's plumbing essay: a value node breaks a repeated value out of individual widgets so one authoritative source feeds everything. This is the color-flavored version of that. If you only ever need a single tint, you can skip it and type the hex directly - but once you've got a grid, a tint, and a label all wanting the same color, this is the one to keep around.

CategoryπŸ”΅TOO-Pack/mixlab

Inputs (1)

NameTypeDefaultDescription
colorTOO_COLOR[object Object]β€”

Outputs (5)

NameTypeDescription
hexSTRINGβ€”
rSTRINGβ€”
gSTRINGβ€”
bSTRINGβ€”
aSTRINGβ€”