Free color toolkit

Every color tool in one place

Generate palettes, build gradients, check WCAG contrast, and convert between RGB, CMYK, HEX, HSL, and HSV. Print-aware values on every swatch — all in your browser, no signup.

Explore the tools Browse converters

color tools: 9; color tools
format converters: 18; format converters
color model guides: 5; color model guides

Nine tools, one workflow

Every swatch carries HEX, RGB, and CMYK — and links straight into the converters.

All tools

Palette Generator

Six harmony rules from one seed color. Lock swatches, regenerate the rest, export CSS, Tailwind, or JSON. Out-of-gamut colors are flagged before they reach a press.

Gradient Generator

Linear, radial, and conic with up to five stops. Copy production-ready CSS.

Contrast Checker

WCAG AA/AAA badges, auto-fix suggestions, full palette matrix.

Tint & Shade Scale

One HEX in, a Tailwind 50–950 ramp out — contrast-checked per step.

18 Format Converters

Convert between all five color models — sliders, history, copy-ready values. RGB to CMYK included.

Palette from Image

Extract dominant colors from a photo — fully in your browser.

Color Blindness Sim

Preview palettes under three common vision deficiencies.

Color Wheel

Drag a marker, watch harmonies rotate with it live.

Print Gamut Checker

See exactly how a screen color shifts on a CMYK press — before the proof comes back wrong.

Compare Colors

ΔE2000 perceptual difference — can anyone tell them apart?

Why designers and developers use Color Mapper

Print-aware by default

CMYK values on every swatch, plus gamut warnings when an RGB color will shift on press. Built for teams that ship web and print from one palette.

Accessibility built in

WCAG 2.1 ratios, AA/AAA badges, color-blindness simulation, and contrast-checked scale steps — across the whole toolkit, not a single page.

Exports developers use

CSS custom properties, Tailwind theme.extend.colors, and JSON tokens. Copy once, paste into the codebase.

Free, private, no signup

Everything runs in your browser. Images never upload to a server, and no tool sits behind an account wall.

Guides worth reading first

All articles

Color tools, explained

Frequently asked questions

Common questions about the palette, contrast, and conversion tools.

What does Color Mapper do?: Color Mapper is a free color toolkit: a palette generator, interactive color wheel, gradient generator, WCAG contrast checker, print gamut checker, color comparator, tint and shade scale builder, image palette extractor, color blindness simulator, and 18 converters between RGB, CMYK, HEX, HSL, and HSV.
Do I need an account?: No. Every tool runs in the browser and you can copy values or export code without signing up.
How is this different from other palette generators?: Every swatch shows its CMYK values and warns you when a color sits outside the print gamut, so palettes survive the jump from screen to press. Exports come as CSS variables, Tailwind config, or JSON tokens.
Is RGB to CMYK conversion always exact?: RGB and CMYK use different color gamuts, so some screen colors shift when printed. The converters flag out-of-gamut colors — but always review a print proof for final production work.
Where can I learn about color models?: Read our guides to CMYK, RGB, HEX, HSL, and HSV under Color models in the navigation, or start with the blog articles on contrast, print-safe palettes, and Tailwind scales.