Generate a Solid Colour Image
Make a flat colour PNG at any size — no upload, no editor, just a hex code and the dimensions you need.
Describe the edit — the AI assistant does it on the canvas.
Free preview · No signup · ~10 seconds
Free downloads are 60% size. Create a free account for the full-resolution, lossless file.
Get the full-quality fileThe account is free. Exporting at full quality uses one credit — packs start at €0.99 for 3, with no subscription.
What a plain colour file is for
Faster than opening an editor
Needing a flat colour rectangle is common and opening a design tool to make one is absurd. Pick the hex, set the size, download. Nothing is uploaded because there is nothing to upload.
Set the size that matters
The default is 1200 by 630, the standard social preview size, because that is the most common reason to want one. Leave the height at zero for a square instead.
Placeholders that do not lie
A flat colour block makes a better layout placeholder than a stock photo — it fills the space without suggesting content that will not be there. Use your brand colour and the mock reads as deliberate.
PNG, and exactly the colour you asked for
The output is a lossless PNG, so the hex you enter is the hex in the file. A JPG of a flat colour is a slightly different colour with compression noise on it, which matters when someone samples it later.
For a transparent file instead
This always produces an opaque fill. If what you want is a blank transparent canvas, that is the empty PNG generator.
Using flat colour files
Better placeholders than stock
A flat block fills the space without promising content that will not exist. Use the brand colour and the mock reads as intentional.
Keep it PNG
A JPG of a flat colour is a slightly different colour with noise on it. That matters as soon as someone samples the file.
1200×630 is the safe default
It is the standard social preview size, which is the most common reason to need one of these at all.
How to generate a solid colour image
Pick a colour
Enter a hex value or use the picker.
Set the dimensions
Leave height at zero for a square. 1200×630 is the social preview default.
Download
Free preview, or the full-resolution PNG in the app.
Where a solid colour image is needed
Layout placeholders
Fill a slot in a mock without implying content that is not there.
Slide backgrounds
Make a flat brand-colour background at deck dimensions.
Social preview fallbacks
Generate a plain OG image at 1200×630 in one step.
Video colour cards
Produce a solid frame for a title or transition.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Fix Blurry or Fringed Edges on a Transparent PNG
Why your transparent PNG has a white halo, a grey fringe or soft edges — the four real causes, how to tell them apart in seconds, and the fix for each.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Replace a Color in Photoshop (4 Methods, and Why the Edges Go Wrong)
Replace Color, Hue/Saturation on a targeted range, Color Range plus a fill layer, and Selective Color — which to use when, and why a recolored logo keeps a halo of the old color along its edges.
Generate a solid colour image
Pick a colour, set a size, download.