MilesandClaude Opus 4.6
fff96df2ca
Floating RGBA color picker panel for coloring selected ComfyUI nodes. Integrates with the MCE bottom bar. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
ComfyUI-NodeColorizer
A lightweight ComfyUI extension that adds a floating RGBA color picker panel for coloring selected nodes on the canvas.
Features
- RGBA Color Picker — RGB sliders (0–255) + alpha slider (0–1) with linked numeric inputs for precision
- Hex Color Input — native HTML5 color picker synced bidirectionally with RGB values
- Live Preview — real-time color swatch updates as you adjust values
- From Selected — grab the current color from a selected node to use as a starting point
- Batch Apply — apply the chosen color to all selected nodes at once
- Draggable Panel — reposition the floating panel anywhere on screen
Requirements
- ComfyUI
- ComfyUI-MCE — provides the bottom bar pill system
Installation
Clone into your ComfyUI custom nodes directory:
cd ComfyUI/custom_nodes
git clone https://github.com/noesclavo/ComfyUI-NodeColorizer.git
Restart ComfyUI. No Python dependencies required.
Usage
- Click Node Color in the MCE bottom bar
- Select one or more nodes on the canvas
- Adjust RGB/Alpha sliders or use the hex color picker
- Click Apply to color the selected nodes
- Use From Selected to sample a node's existing color
How It Works
This is a pure frontend extension — no backend nodes. It registers a pill button in the MCE bottom bar and creates a floating panel that sets node.color and node.bgcolor on selected LiteGraph nodes. Colors are also persisted in node.properties.mce_node_color for downstream tooling.
License
MIT