Free · No signup · No ads

Fetch every color
from any image.

Drop, paste, or upload an image — get a beautiful, ready-to-use color palette in under a second. Free, no sign-up, and 100% private: your image never leaves your browser.

🖥️ Live UI preview 🌗 Shades & harmonies ♿ WCAG contrast check 📦 CSS · Tailwind · Adobe 🔗 One-link sharing
Drop an image to extract its palette
click to upload, or paste from clipboard
or try a sample
or start from a color
Hover to pick · click to select
Picked color
Main palette
— colors
Your palette, in action
yourbrand.com
Sign up
Powered by your palette
See how your colors feel on a real page.

Background, text, buttons and accents — everything here comes straight from your image. Shuffle to try different role assignments, light and dark.

Get started Learn more
Color harmonies
based on color theory
i
Source color
Shades & tints
tailwind-style scale
Base color
Text contrast
WCAG 2.1
Export palette
How it works

Three ways in. One beautiful palette out.

01
Drop or paste
Drag any image, paste from clipboard, or upload from your device. Works with PNG, JPG, WebP, GIF, SVG.
02
Pick or auto-extract
A median-cut algorithm pulls the dominant colors instantly. Or hover the image and a magnified loupe lets you pick any pixel.
03
Preview & perfect
See your palette applied to a real page, generate Tailwind-style shade scales and harmonies, and check WCAG text contrast.
04
Export & share
HEX, CSS variables, Tailwind, SCSS, JSON, a PNG card for slides, Adobe swatches, a beautiful PDF — or a link that opens your exact palette anywhere.
FAQ

Questions, answered.

How do I extract colors from an image?

Drop an image onto the page, paste it from your clipboard, or upload it. ColorFetcher instantly pulls the dominant colors with a median-cut algorithm — and if you need one exact pixel, hover the image and the magnifying eyedropper shows its hex code; click to fetch it.

Is ColorFetcher really free and private?

Yes. No ads, no signup, no paywall. Everything runs in your browser — your images are never uploaded to a server, and your history is stored only on your own device.

What export formats are supported?

HEX lists, CSS variables, Tailwind config, SCSS, JSON, a PNG palette card for slides and moodboards, a PDF palette sheet, and Adobe .ase swatches — import them in Photoshop, Illustrator, or InDesign via Swatches → Import.

Can I share a palette with someone?

Yes — click Share Palette and you get a URL that opens your exact palette on any device, no account needed. The colors are encoded right in the link.

Can I build a palette without an image?

Yes — pick a starting color with the built-in color picker (+ Add color on the start screen) and add more one by one with + Add next to your palette. Every tool works from a single color: the live UI preview, shades & tints, harmonies, contrast checks, and all exports.

What do the WCAG contrast badges mean?

They tell you whether text is readable on a color. The WCAG accessibility standard requires a contrast ratio of at least 4.5:1 for normal text (AA), 7:1 for the stricter AAA level, and 3:1 for large headlines. FAIL means that combination would be hard to read.

Free forever. Fueled by coffee.
ColorFetcher is built and maintained by one person — no ads, no tracking, no paywall, ever. If it saves you time, a coffee keeps it that way for everyone.
☕ Buy me a coffee
Glad this helped!

ColorFetcher is free, ad-free, and always will be. If it saved you a few minutes today, a coffee keeps the lights on.

☕ Buy me a coffee
Even $1 makes a difference · no pressure