Nodes/Orion4D_MetaNode/🎨 Color Picker
ComfyUI Node

🎨 Color Picker

Pick a Color with the OS Picker, Get a Solid Swatch Out

By orion4dΒ·Created 5 months agoΒ·Updated 5 months agoΒ· 5
🎨 Color Picker
    • hex_value
    • rgb_string
    • r
    • g
    • b
    • image
    β—„color_hex#F54927β–Ί
    β—„width64β–Ί
    β—„height64β–Ί

    Typing #A43F8C into a text box and hoping you got the hex right is the old way. 🎨 Color Picker opens the native OS color palette - the real one, with the eye dropper - and hands your workflow the color you actually picked. For anyone tinting images, building colored masks, or driving a colorize effect, it's the difference between guessing and seeing.

    What it gives you. Three tiny inputs: color_hex (default #F54927, the current value), and width/height (both default 64, up to 8192) - those size the solid swatch the node also produces. The outputs cover every way you might want the color represented:

    • hex_value (STRING) - e.g. #F54927, normalized and upper-cased
    • rgb_string (STRING) - "245, 73, 39", ready to paste into something that wants comma-separated values
    • r, g, b (INT) - the three channels separately, so you can wire one channel into a per-channel node
    • image (IMAGE) - a solid rectangle of that color, widthΓ—height, in proper ComfyUI tensor form

    That last one is the sleeper feature. A solid color IMAGE is exactly what feeds a tint or a colorize blend, and it's the reason the width/height fields exist. You can pick "sky blue," get a 512Γ—512 swatch, and blend it into a scene. For the color-pro side of this pack, it pairs naturally with effects that want a target color.

    How it works. The node cleans up whatever hex you type (adds the # if missing, tolerates the short #RGB form), converts to RGB with a safe fallback to white if the string is garbage, and builds the image by tiling the RGB value into a tensor. The visual preview of the color is drawn on the node itself by the pack's JS. If you type junk into color_hex, you don't get an error - you get #FFFFFF and white on the swatch. That silent fallback is the one thing to know.

    Where people get burned: mostly the quiet-fallback thing - a mistyped hex gives you white, not a warning. And the image output is a flat single-color tensor; it does not sample the color from an image. This is a picker, not a dropper into your canvas. (You'd reach for the pack's PyCode Max or a color-match node for that.)

    Install. ComfyUI Manager β†’ search "Orion4D_MetaNode", or:

    cd ComfyUI/custom_nodes
    git clone https://github.com/orion4d/Orion4D_MetaNode
    

    Restart ComfyUI; it's under Orion4D_MetaNode/UI Widgets. No extra dependencies.

    Simple, dependable, and the only node in this pack that brings your operating system's color science into the graph.

    CategoryOrion4D_MetaNode/UI Widgets

    Inputs (3)

    NameTypeDefaultDescription
    color_hexSTRING#F54927β€”
    widthINT641–8192β€”
    heightINT641–8192β€”

    Outputs (6)

    NameTypeDescription
    hex_valueSTRINGβ€”
    rgb_stringSTRINGβ€”
    rINTβ€”
    gINTβ€”
    bINTβ€”
    imageIMAGEβ€”