What color formats can I enter?

Hex codes, either 3-digit (#abc) or 6-digit (#aabbcc). The color picker also writes hex for you.

How many colors can I add?

As many as you like. The image widens to fit all the swatches in a row.

Is the PNG transparent?

No. Each swatch is a solid color filling its area, so the image has no transparency.

Can I use the image commercially?

Yes. The image is just your colors rendered as swatches; you own what you create here.

Is my data sent to a server?

No. The palette image is generated entirely in your browser.

Color Palette Image Exporter

Related external sites

Some links are affiliate links.

CanvaA popular drag-and-drop design platform for creating social media posts, presentations, posters, and more. Offers a massive library of free and premium templates, photos, and graphics. No design experience needed to get started.Adobe ColorA free online tool for creating and exploring color palettes and themes. Use the color wheel to build harmonious schemes, or extract colors from an uploaded image. Palettes sync directly to Creative Cloud.

Related tools

Image Color ExtractorExtract the dominant color palette from any image in your browser — no upload. Get HEX, RGB and share % of each color, choose how many colors, copy or export as CSS/JSON.Color Palette GeneratorGenerate harmonious color palettes from a base HEX using complementary, analogous, triadic and more schemes. Lock colors, reshuffle the rest, and export to CSS variables, Tailwind or JSON.Color ConverterConvert any color between HEX, RGB, HSL, HSV and RGBA at once. Edit any value, copy with one click, with alpha and WCAG contrast.Gradient GeneratorCreate linear, radial and conic CSS gradients with multiple color stops. Adjust angle, shape and center, then copy the background CSS or Tailwind value in one click.

Build a color palette from your hex colors and export it as a clean PNG image with each color's hex label. It is perfect for sharing a palette, dropping it into Figma, or posting on social media. Everything is generated in your browser; nothing is uploaded.

How to use

Add, edit or remove colors using the color picker or hex field.
Check the live preview of the swatch image.
Download the palette as a PNG.

How it works

Each color becomes a swatch drawn on a canvas, side by side, with its hex code written underneath. The label color (black or white) is chosen automatically from the swatch's brightness so it always stays readable. The canvas is then exported as a PNG image.

Features

Add & edit colors

Use a color picker or type hex codes; add or remove as many as you like.

Hex labels

Each swatch shows its hex code so the palette is self-documenting.

Readable labels

Label text switches between black and white based on the swatch brightness.

PNG export

Download a high-resolution image ready to share or import.

When to use it

Share a palette

Send a teammate or client an image of your chosen colors.

Drop into Figma

Paste the palette image into a design file for reference.

Social media

Post a tidy palette image to show off a color scheme.

Brand guide

Include a labelled swatch image in a simple brand sheet.

Notes

Colors are entered as hex; 3- or 6-digit hex is accepted.
The exported PNG has a solid background, not transparency.
Swatches are laid out in a single row.
Everything runs on your device; nothing is uploaded.

FAQ

What color formats can I enter?: Hex codes, either 3-digit (#abc) or 6-digit (#aabbcc). The color picker also writes hex for you.
How many colors can I add?: As many as you like. The image widens to fit all the swatches in a row.
Is the PNG transparent?: No. Each swatch is a solid color filling its area, so the image has no transparency.
Can I use the image commercially?: Yes. The image is just your colors rendered as swatches; you own what you create here.
Is my data sent to a server?: No. The palette image is generated entirely in your browser.