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.
API
Use this workflow from code
Every Comfy workflow is a JSON graph. The payload below is this workflow, exactly as ComfyUI runs it — fetch it from the URL, keep it in version control, or load it in ComfyUI and run it node by node.
Run it from TypeScript or Python with the Comfy SDK. The same code targets Comfy Cloud or a ComfyUI you host yourself — only the base URL changes.
// Install (beta)
npm i @comfyorg/sdk
// Run this workflow (TypeScript)
import { Comfy } from "@comfyorg/sdk";
const client = new Comfy({ apiKey: "comfyui-..." });
const wf = await client.workflows.fromFile("workflow_api.json");
const job = await client.run(wf);
await job.getOutputs("<output-node-id>")[0].toFile("output.png");The SDK takes a workflow in API format: open this workflow in ComfyUI and use File → Export Workflow (API).
Comfy Cloud API access requires a plan with an API key.
FAQ
