Colors
Free Image Color Picker
Upload an image, click any pixel to sample its exact color, and get an automatic palette of the picture's dominant colors. Everything is processed in your browser; your photo is never uploaded. Claim free lifetime access with a Bravely account.
Claim lifetime access to free Color Picker
Create a free Bravely account — it’s yours to keep. No card, no catch.
One free account unlocks every Bravely tool.
Building a full palette?
The free color picker adds a screen eyedropper, color harmonies, a palette builder, and CSS, JSON, and Tailwind export. One free account, yours for life.
How it works
From image to palette in three steps
- 1Drop in an image, or click to choose one. It is read directly by your browser and never leaves your device.
- 2Click anywhere on the picture to sample that exact pixel and copy it as HEX, RGB, or HSL.
- 3Use the auto-extracted palette of dominant colors, then refine and export it in the full color picker.
What you get
Everything included, free
Click to sample any pixel
Click the image to read the exact color under the cursor, marked so you can see precisely what you sampled.
Automatic palette
The dominant colors are extracted for you, typically six to eight distinct swatches per image.
HEX, RGB, and HSL values
Every sampled color shows all three formats in one click-to-copy list.
Nothing is uploaded
The image is decoded and sampled entirely in your browser. It is never sent to a server.
Any image your browser opens
PNG, JPEG, WebP, and GIF all work, at any resolution your device can decode.
Feeds the full picker
Take any sampled color into the color picker to build harmonies and export CSS, JSON, or Tailwind.
How palette extraction works
A photo can contain millions of distinct pixel values, most of them near-duplicates, so the extractor simplifies before it counts. The image is scaled down to a small grid, each pixel's channels are quantized so near-identical shades fall into the same bucket, and the buckets are ranked by population. Each bucket's swatch is the average of the real pixels inside it, which keeps the result true to the photo instead of snapping to artificial grid colors.
Ranking alone would fill the palette with five nearly identical shades of the dominant color, so the extractor also enforces distance: a candidate only makes the cut if it is visually distinct from the swatches already chosen. The result reads like a designer's summary of the image, with the dominant tones first and the strong accents surviving even when they cover little area. Click any swatch to load it as the current sample, then copy it or carry it into the full picker.
From photo to usable palette
Extracted colors are a starting point. Photographic tones are often duller than what works in an interface, because a color that looks rich in an image can feel muddy as a button. The usual workflow is to sample the tones that carry the mood, then raise saturation or adjust lightness a few points in the color picker, check text pairings in the contrast checker, and export the tuned set as CSS variables. That keeps the palette recognizably tied to the source image while behaving well in a real design.
FAQ
Frequently asked questions
Is my photo uploaded?
No. The file is read locally by your browser and drawn to an in-page canvas, and every sample and palette calculation happens on your device. The image is never sent to our servers, and closing the page discards it.
Which image formats work?
Anything your browser can display: PNG, JPEG, WebP, and GIF are the common ones. Very large photos are fine; sampling reads the full-resolution pixels.
How is the palette extracted?
The image is scaled down, similar colors are grouped into buckets, and the buckets are ranked by how much of the image they cover. The top colors that are visually distinct from each other become the palette, typically six to eight swatches. A very flat image, like a single-color graphic, can yield fewer.
Why do I need an account?
The image picker shares one free lifetime claim with the web color picker: sign in with a free Bravely account, claim once, and both tools are yours for good. There is no paid tier and nothing billed.
Can I export the palette?
Each swatch copies directly as HEX, RGB, or HSL. For file exports, add the colors to a palette in the full color picker and download CSS custom properties, JSON, or a Tailwind config from there.
Why does a sampled color look slightly different from the original photo?
Browsers draw images to canvas in the standard sRGB color space. A photo saved in a wider color space can shift slightly when it is decoded, so a pixel sampled here reflects what the browser renders, which is also what your CSS will show.
More free tools
Keep the streak going
From the same studio
Bravely Studios builds nine cross-platform desktop utilities — screenshots, PDF signing, remote desktop and more — with one plan that unlocks all of them. The same account you just used works everywhere.