Solid Color Image Generator

Create a single-colour image (or transparent) at any size.

What Is This Tool?

This tool fills a canvas of the size you choose with one colour and exports it. Use the colour picker or type a hex value, and set an opacity for PNG/WebP if you need a semi-transparent swatch. It is the quickest way to get a background plate, a colour test file, or a spacer.

How It Works

Enter the Width and Height.

Pick a Colour or type a hex code.

Set opacity and output format.

Click Download.

Everything runs locally in your browser — the image you choose is decoded onto an HTML canvas on your own device and is never uploaded to a server.

Features

Any size, any colour
Hex input or colour picker
Optional transparency (PNG / WebP)
PNG, JPEG or WebP output
Instant, offline generation

Common Use Cases

Making a flat brand-colour background image
Creating a semi-transparent overlay layer
Generating a colour reference tile
Producing a spacer or divider image

Frequently Asked Questions

Why is my JPEG not transparent?

JPEG has no alpha channel. Any opacity below 100% is only honoured by the PNG and WebP outputs.

Can I enter a colour by name?

Type a hex code such as #ff8800. CSS colour names are not parsed in the hex box, but the colour picker covers the full range.

What is the largest image I can make?

Several thousand pixels per side is fine. Extremely large canvases may hit browser memory limits.

Does opacity blend with anything?

The exported PNG simply has that alpha value everywhere; it will blend with whatever you place it over later.

Is anything uploaded?

No, it is generated locally.