Color Selector
The color picker that doesn't make you do hex math
- color
- preview
Sometimes you just want a color - for a text overlay, a background, a gradient - and you don't want to stop and compute hex codes or remember whether FireBrick1 is actually red. Color Selector is the "just give me a color" node: pick a category, pick a color, and get a clean string plus a preview tile you can wire into anything that wants a color.
It's part of the AAA Metadata System pack, and it's one of the genuinely nice-to-have utilities in there. The two-step category system is what makes it pleasant: instead of scrolling a 1300-item dropdown, you pick "Reds" or "Pastels" or "Web Safe" first, then the color from a short curated list. It was clearly built alongside the pack's text-overlay nodes, where you're constantly picking caption and outline colors.
How it works
Straightforward, no hidden machinery. The node has a hard-coded set of color categories - Basic, Grayscale, Reds, Oranges, Yellows, Greens, Blues, Purples, Browns, Pinks, Cyans, Pastels, Vibrant, Web Safe, and a couple more - each mapping to named colors or hex values. You pick a category and a color, the node resolves it to a color string, and it generates a small solid-color preview image at the size you request. That's it.
Inputs and outputs that matter
category- the first dropdown; narrows your color choice.color- the second dropdown, a short list within that category (white, black, red, green, blue, yellow, cyan, magenta, gray in Basic).custom_color(optional) - type a hex code like#FF8800or another color name when the curated list isn't enough; this overrides the dropdowns.preview_size(optional, default 64, 16–256) - how big the preview tile is. Keep it small if you're just confirming; bump it if you're actually going to look at it.
Outputs: color - the color as a string (a name or a hex code), which is what you feed into downstream nodes - and preview, an IMAGE you can wire into a preview node to eyeball the result.
Installing it
It ships in AAA Metadata System by Eric Hiss (GitHub: EricRollei). ComfyUI Manager route: search "AAA Metadata System". Or by hand:
cd ComfyUI/custom_nodes
git clone https://github.com/EricRollei/AAA_Metadata_System.git
cd AAA_Metadata_System
pip install -r requirements.txt
Restart ComfyUI. No model downloads, no extra services - this is a pure UI utility.
Common issues
Honestly, not much goes wrong here. The main thing to watch is what your downstream node expects: the color output can be a name like tomato or a hex like #FF6347 depending on which entry you picked, and if the node receiving it is picky about format, you may need the hex variant. If a custom hex doesn't seem to take effect, check it's the full six-digit form - the selector is forgiving but not magic. And the preview is just for you; if you wire it into a workflow expecting a full image, you'll get a solid-color square, which is exactly what it says on the tin.
Inputs (4)
| Name | Type | Default | Description |
|---|---|---|---|
| category | COMBO | Basic | 15 options: Basic, Grayscale, Reds, Oranges, Yellows, Greens, +9 |
| color | COMBO | white | 9 options: white, black, red, green, blue, yellow, +3 |
| custom_coloropt | STRING | — | |
| preview_sizeopt | INT | 6416–256 | — |
Outputs (2)
| Name | Type | Description |
|---|---|---|
| color | STRING | — |
| preview | IMAGE | — |