ComfyUI Node

🎨 PIP 色轮

Build a whole color scheme from a single hex value

By chenpipi0807·Created about a year ago·Updated 13 days ago· 30
🎨 PIP 色轮
    • 互补色
    • 类似色
    • 三等分色
    • 分裂互补色
    • 单色调
    • 配色方案图
    color#ff0000

    Color theory is mostly math you never want to do by hand, and PIPColorWheel - from the PIP_ArtisticWords pack - is a tiny calculator that does it for you. Type in one hex color and it returns five related colors - complementary, analogous, triadic, split-complementary, and monochromatic - plus a rendered swatch panel you can preview. Classic design-tool output, delivered as plain STRING ports that ComfyUI can route anywhere.

    What it does

    One input, six outputs. The input is a single color string (#ff0000 default, #RGB shorthand accepted, and it's forgiving - it prepends # if you forget it, and falls back to black on garbage). The outputs, all hex strings plus one image:

    • 互补色 - complementary (180° across the wheel).
    • 类似色 - analogous (hue +30°).
    • 三等分色 - triadic (hue +120°).
    • 分裂互补色 - split-complementary (hue +150°, the softer variant of complementary).
    • 单色调 - monochromatic (same hue, different value/saturation).
    • 配色方案图 - a 600×600 IMAGE of labeled swatches showing the input and all five derived colors.

    That image output is the sleeper feature - wire it to a preview node and you get a visual palette card without any extra code.

    How it works

    It converts your hex to RGB, then to HSV, and rotates the hue by the classic angles (0.5, 0.083, 0.333, 0.417 of the wheel) to generate each scheme. There are two honest corner cases it handles: near-black colors get their value boosted so the derived colors are actually distinguishable, and near-white / gray colors get saturation boosted with a default red hue, because rotating a hue you don't have is meaningless. That's the kind of thoughtfulness that separates a working utility from a proof of concept.

    Why you'd reach for it

    The obvious path: take the 主导色 from PIPAdvancedColorAnalyzer or PIP ColorPicker, drop it into this node, and get a coherent 2–5 color scheme to fill the text nodes. 互补色 makes a great shadow color when you want contrast; 类似色 gives you a gentle gradient fill that stays in the same family. It's also just handy as a general palette generator when you're designing anything with a fixed accent color.

    Installing it

    It's one of the seven nodes in the PIP_ArtisticWords pack - install the pack once:

    cd ComfyUI/custom_nodes
    git clone https://github.com/chenpipi0807/PIP_ArtisticWords.git
    cd PIP_ArtisticWords
    pip install -r requirements.txt
    

    Or find "PIP Artistic Words" in ComfyUI Manager. Restart, and the node appears under the PIP category. Pure Pillow/colorsys under the hood - no models, no GPU, instant.

    Gotchas

    • It prints your color math to the console. Every run logs the parsed RGB and HSV and each derived color. Harmless but chatty, in line with the rest of this pack.
    • It's a plain math node, not an artistic advisor. A "harmonious" scheme by the numbers can still clash aesthetically, especially on unusual base hues. Treat the outputs as starting points.
    • No image input. Some people expect to paste an image and get a palette; this node takes one hex string only. That's what the analyzer nodes are for.
    • The swatch image uses the bundled 方正风雅宋 font for its labels - if that font's removed, it silently swaps to a default font. Cosmetic only.
    CategoryPIP

    Inputs (1)

    NameTypeDefaultDescription
    colorSTRING#ff0000

    Outputs (6)

    NameTypeDescription
    互补色STRING
    类似色STRING
    三等分色STRING
    分裂互补色STRING
    单色调STRING
    配色方案图IMAGE