Free design tools

Color palettes, contrast checks and gradients that run in your browser, plus photo editing, social templates and brand tools.

Color

Palettes, pickers, contrast and gradients. Free, no sign-up, and they run in your browser.

All color tools

Palettes

Color Palette Generator

Press space for a new palette. Lock the colors you like, edit any hex code and export the set as CSS.

Color Palette from Image

Upload a photo and get its five main colors as hex codes. The photo stays in your browser.

Color Palettes

Curated palettes you can filter by color, style and topic. Copy the CSS or open one in the generator.

Color Mixer

Blend two or three colors and get every step in between as hex codes.

Pick and convert

Color Picker

Pick a color and read it as HEX, RGB, HSL, HSV and CMYK, with tints, shades and harmonies.

Image Color Picker

Click any pixel in a photo to get its hex code. The photo stays in your browser.

HEX to RGB Converter

Convert HEX to RGB or RGB to HEX and copy the result.

Check and test

Color Contrast Checker

Paste a text and background color to get the contrast ratio and a WCAG AA and AAA pass or fail.

Color Blindness Simulator

See an image or a set of colors as people with common types of color blindness do.

Gradients

CSS Gradient Generator

Build a linear or radial gradient with up to six color stops and copy the CSS.

CSS Gradients

92 named gradients you can filter by color and copy as CSS in one click.

Theory and reference

Color Wheel

Pick one color and get its complementary, analogous, triadic, tetradic and monochromatic schemes.

Tint & Shade Generator

Turn one hex code into a 5, 10 or 15-step scale. Copy it as CSS variables or a JS array.

Color Names

132 named colors with hex codes, from sage green to navy, each with its own page.

Color Meanings

What each color family and shade stands for, and how to use it in a brand.

Photo editing

AI clean-up and looks for your photos.

AI Photo Enhance

Sharpen and clean up a photo in one tap.

Magic Eraser

Brush over an object to remove it from a photo.

Filters & Effects

Photo filters and effects for a consistent feed.

Social templates

Templates for Instagram and TikTok that you fill with your own photos and clips.

Reels Maker

Video templates that cut your clips to the beat.

Carousel Maker

Seamless multi-slide Instagram carousels.

Instagram Story Templates

Ready-made story layouts you fill with your photos.

Collage Maker

Photo collage layouts sized for Instagram and TikTok.

Brand

Keep every post on brand.

Brand Kit

Save your brand colors, fonts and logo for every design.

Fonts & Stickers

Premium fonts and a sticker library for posts and stories.

Frequently asked questions

The color tools are free and need no account. The photo, template and brand tools are part of Zaps: the Free plan covers the basics, and the Pro and Premium plans add more templates and AI features.

Not for the color tools. They run in your web browser on desktop or phone, so open the page and start. The photo, template and brand tools need a free Zaps account.

Start in the Color Palette Generator or pull colors from a photo you like with Color Palette from Image. Then run your text and background pair through the Color Contrast Checker so it stays readable, and save the set in the Zaps Brand Kit.

Yes. The palette, picker, tint and gradient tools give you hex codes and CSS you can paste straight into a stylesheet. The Tint & Shade Generator can also export a JS array.