Nodes/ComfyUI Layer Style/LayerUtility: ColorPicker
ComfyUI Node Runs on cloud

LayerUtility: ColorPicker

ColorPicker — pick a color visually, output the hex string

By chflame163·Created 3 years ago·Updated a day ago· 3,127
LayerUtility: ColorPicker
  • color
  • value
◄mode▾►

Half the nodes in the Layer Style pack take a color as input - drop shadow color, gradient stops, solid backgrounds - and typing hex codes by hand gets old fast. ColorPicker gives you a proper color swatch to click on and spits out the value as a string you can wire into all of them. It's tiny and it's the kind of quality-of-life node you don't think about until you've used it, then keep around.

How it works

The node shows a color widget in the graph. You click it, pick a color from the picker, and it outputs that color as a text string in whichever format you asked for. Nothing generates and nothing is processed - it's a source node whose whole job is turning a visual choice into a value other nodes can consume.

The inputs and output that matter

  • color - the color widget itself (a COLOR type), defaulting to white (#FFFFFF). Click it to open the picker.
  • mode - the output format: HEX (like #3A7BD5) or DEC (a decimal representation). Most Layer Style color inputs expect hex strings, so HEX is the usual choice.

Output is value (STRING) - the chosen color as text. Route it into any node with a string color field: ColorImage V2's color, DropShadow's shadow_color, the Gradient Map stops, and so on.

The DEC mode is the less obvious one. Some nodes and custom logic expect a color as a plain number rather than a #RRGGBB string, and a few math or conditioning tricks want an integer they can operate on. That's when you flip to DEC - for the everyday case of feeding a color into another Layer Style node, stay on HEX.

How to install it

ComfyUI Manager: search ComfyUI Layer Style, install, restart. Or:

cd ComfyUI/custom_nodes
git clone https://github.com/chflame163/ComfyUI_LayerStyle

install requirements.txt, restart. It's under 😺dzNodes → LayerUtility.

Common issues

The one thing to get right is mode. If a downstream node expects a hex string and you've got the picker set to DEC, the color it applies will be wrong - match the format to what the target node wants, which is almost always HEX. Otherwise there's nothing to break: no model, no dependencies. The real payoff is consistency - pick a brand color once, wire that single ColorPicker into every color-taking node in the graph, and you tweak the whole palette from one place instead of hunting down five separate hex fields.

Category😺dzNodes/LayerUtility

Inputs (2)

NameTypeDefaultDescription
colorCOLOR#FFFFFF—
modeCOMBO2 options: HEX, DEC

Outputs (1)

NameTypeDescription
valueSTRING—