How are the colors chosen?

The GLSLShader groups similar pixel colors into a specified number of buckets and estimates how much of the image each bucket represents. It then renders swatches for the top buckets, ordered and sized according to your selected mode (equal or dominance-weighted).

Equal vs weighted widths: which should I use?

Use Equal when you want a balanced, presentation-friendly palette where each color gets the same visual weight. Use Weighted to reflect the image’s true color proportions—this is helpful for analysis, grading references, and dataset QA.

How many colors should I pick?

For branding and UI, 5–8 colors usually give a clean, usable set. For complex scenes or analysis, 10–16 can capture more nuance. Too many colors may introduce near-duplicates; if that happens, lower the count or crop the image to the most relevant region.

Why do I see unexpected colors or noisy results?

Highly compressed, noisy, or patterned images can introduce tiny color fragments. Try using a higher-quality source, cropping busy areas, or reducing the number of colors. Switching to Weighted mode can also minimize the impact of small, insignificant colors.

Can I control the output size and file naming?

Yes. Set exact dimensions in ResolutionSelector to control the palette’s resolution, and configure SaveImageAdvanced for the output directory and filename pattern.

Extract Color Palette - ComfyUI Workflow

This ComfyUI workflow extracts a cohesive color palette from any input image and renders it as a clean, full-resolution color bar. It lets you control how many colors to include and whether each swatch’s width is equal or proportional to its visual dominance in the source. The result is a ready-to-share palette image that’s ideal for mood boards, branding guides, UI tokens, or color study references.

Technically, the pipeline is straightforward and fast. LoadImage brings your source image into the graph, then a GLSLShader analyzes pixel colors, groups similar hues into N buckets, estimates their relative presence, and draws the final horizontal palette. A PrimitiveInt sets the target number of colors, while a ComfySwitchNode toggles between equal-width and dominance-weighted swatches. Use ResolutionSelector to set the exact output dimensions for your color bar, and SaveImageAdvanced to control file naming and destination. Everything runs inside ComfyUI, so you can iterate quickly by adjusting a couple of node values and re-queuing.

FAQ

常见问题

查看所有工作流