Hex Color Input
A color picker that lives on the graph (and its humble python half)
- HEX
If you found this pack, it was probably for the right-click color picker that recolors your nodes - not for this node. That's fair. The real stars of comfyui-custom-node-color are the GUI tools: a glassmorphism picker with an eyedropper, favorite colors, node shapes, and a C-key shortcut. HexColorInput is the smaller piece that actually lives inside a workflow instead of on the right-click menu. It's chrome, not compute - but chrome matters when you're staring at a wall of identical gray nodes.
The idea is simple: an interactive widget that produces a clean HEX string. Why reach for it over just typing a hex value into some other node's text field? Because you can keep colors as first-class, visually editable things in your graph. Click the swatch, hit "Pick Color," and you get the same full picker the right-click tool uses - hue slider, saturation/value square, favorites, and the eyedropper that can grab a pixel from anywhere on your screen. One place to store and adjust a color instead of hunting for it buried in a prompt.
How it works
The python half is a near-total pass-through. process_hex just checks the value is a non-empty string and hands it back unchanged (falling back to #000000 if it isn't). All the actual magic is in the JS extension that decorates the node: the plain text widget gets replaced by a clickable chip showing the current value in monospace, a preview swatch renders below it, and a "Pick Color" button opens the shared picker. Click the chip itself and it swaps into the standard text editor so you can type a value directly - the extension normalizes whatever you type into a valid #RRGGBB.
The fields that matter
This is a one-in, one-out node, so there's almost nothing to configure:
- hex_color (STRING, default
#000000) - the only input. Type a value or use the picker button. - HEX (STRING) - the output, e.g.
#FF5733. It's a plain string, so wire it to anything that consumes a color string.
That's the whole thing. Its natural partner is this pack's ConvertHEXToRGB, which turns the same string into integer channels if whatever you're feeding needs numbers instead.
Installing it
Same routine as any custom node:
cd ComfyUI/custom_nodes/
git clone https://github.com/lovelybbq/comfyui-custom-node-color.git
Then restart ComfyUI. Or open ComfyUI Manager, search "Custom Node Color", and hit Install. There's no requirements.txt, no model download, no Python deps - it's a JS UI layer plus two tiny wrappers, which makes it one of the more painless installs in the ecosystem. (Given the history of malicious custom nodes, that "nothing heavy gets installed" property is genuinely nice to have.)
Where people get burned
The README carries a loud warning: NODES 2.0 ARE NOT TESTED FOR COMPATIBILITY. If your ComfyUI frontend is on the newer side, the interactive widgets might misbehave or look wrong - a fresh install after an update is the usual fix. And one honest caveat: if you don't want the picker, this node is just a string pass-through, and a plain string node does the identical job. You install this pack for the recoloring tools; HexColorInput is the pleasant bonus for when you want that color to survive inside the graph itself.
Inputs (1)
| Name | Type | Default | Description |
|---|---|---|---|
| hex_color | STRING | #000000 | — |
Outputs (1)
| Name | Type | Description |
|---|---|---|
| HEX | STRING | — |