Nodes/AAA Metadata System/Color Selector
ComfyUI Node

Color Selector

The color picker that doesn't make you do hex math

By EricRollei·Created 10 months ago·Updated 8 months ago· 13
Color Selector
    • color
    • preview
    categoryBasic
    colorwhite
    custom_color
    preview_size64

    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 #FF8800 or 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.

    Categoryui/color

    Inputs (4)

    NameTypeDefaultDescription
    categoryCOMBOBasic15 options: Basic, Grayscale, Reds, Oranges, Yellows, Greens, +9
    colorCOMBOwhite9 options: white, black, red, green, blue, yellow, +3
    custom_coloroptSTRING
    preview_sizeoptINT6416–256

    Outputs (2)

    NameTypeDescription
    colorSTRING
    previewIMAGE