Color Input
One picker, five outputs, zero retyping hex codes
- 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.
Inputs (1)
| Name | Type | Default | Description |
|---|---|---|---|
| color | TOO_COLOR | [object Object] | β |
Outputs (5)
| Name | Type | Description |
|---|---|---|
| hex | STRING | β |
| r | STRING | β |
| g | STRING | β |
| b | STRING | β |
| a | STRING | β |