Nodes/comfyui-mixlab-nodes/Color Input ♾️MixlabApp
ComfyUI Node Runs on cloud

Color Input ♾️MixlabApp

A color picker that outputs hex and RGBA

By MixLabPro·Created 3 years ago·Updated 2 months ago· 1,858
Color Input ♾️MixlabApp
  • color
  • hex
  • r
  • g
  • b
  • a

A color picker node. Click the swatch, pick a color, and it outputs that color in the forms downstream nodes actually want - a hex string plus the individual red, green, blue, and alpha values. That's it. It saves you from hand-typing #3A7BD5 and hoping you got it right, and it means "the color" becomes a wire you can route instead of a value you retype in three places.

Where you'd use it: anything that takes a color. Filling a background, tinting a solid, feeding a text-image node's color, building a swatch for a solid-color latent, driving a composite. In the Mixlab world it's also one of the recognized app input node types - so when you publish a workflow as a web app with AppInfo, a Color node becomes a color-picker control on the app page. That's a nice touch for a shareable app where a non-technical user should just pick a color.

How it works

The node shows a color widget. The value you pick gets split into the standard representations and emitted on separate sockets, so whatever needs a hex string gets the hex, and whatever needs channel integers gets the numbers. No conversion node required on your end - it hands you both shapes at once.

Inputs and outputs

  • color (required) - the picker itself. It's a custom color widget, not a socket you wire from elsewhere; you set it in the node.

The outputs are the whole point:

  • hex (STRING) - the color as #RRGGBB, for nodes that want a hex string.
  • r, g, b (INT) - the channel values, for nodes that want numbers.
  • a (FLOAT) - alpha, for when transparency matters.

Grab whichever the downstream node speaks. A lot of nodes take hex; some take channels; the alpha is there for compositing where opacity is a factor.

How to install it

Ships with the Mixlab pack.

  • ComfyUI Manager: search comfyui-mixlab-nodes, install, restart.
  • Manual: cd ComfyUI/custom_nodes && git clone https://github.com/shadowcz007/comfyui-mixlab-nodes.git, install requirements (install.bat on Windows or ../../../python_embeded/python.exe -s -m pip install -r requirements.txt), restart.

Common issues

Downstream node rejects the color: you probably wired the wrong representation. If a node wants a hex string, use the hex output; if it wants numbers, use r/g/b. Mixing them up is the usual snag - check what type the receiving socket expects.

Alpha ignored: many nodes only look at RGB and drop the a value entirely. If you need transparency to actually take effect, confirm the downstream node supports alpha; otherwise you'll need a separate mask/opacity path.

As an app control it doesn't show: same pack-wide trap as the rest of the app features - if a ZIP install left your folder named comfyui-mixlab-nodes-main, app mode won't render until you rename it to comfyui-mixlab-nodes. Only relevant if you're using Color as an AppInfo input; standalone in the graph it just works.

Category♾️Mixlab/Color

Inputs (1)

NameTypeDefaultDescription
colorTCOLOR

Outputs (5)

NameTypeDescription
hexSTRING
rINT
gINT
bINT
aFLOAT