LoginTry Atmos free

Image color picker

Get a color palette from any image, or click to pick the exact color of a pixel. Your image never leaves your browser.

Sign up for all tools in one

or drop an image here, or paste one with ⌘V / Ctrl+V

Samples

Drag the markers to fine-tune, or click anywhere to pick a single color. Your image never leaves your browser.

Number of colors

6

Mood

Sort by

Export palette

Helping 30,000+ world’s greatest designers create beautiful designs.
Atmos’s toolbox
Create your palette
Atmos is a toolbox specialized for creating UI palettes. From finding colors, through generating shades, to fine-tuning your palette we've got you covered.
Get started for free
Color generator
Generate brand and complementary status colors with a click of a button.
Try it out
Color wheel
Create color combinations that look good together using color schemes.
Try it out
Shade generator
Get shades and tints that actually look good while being accessible.
Try it out
Image Color Picker FAQ
Upload, drop or paste an image and the picker extracts its main colors right away. Change the number of colors, pick a mood such as vibrant or muted, and drag any marker on the image to fine-tune a color. Then copy the colors or export them as CSS, Tailwind, SCSS, JSON or a PNG.
Click anywhere on the image. The picker shows the exact color of that pixel in HEX, RGB, HSL and OKLCH, and the magnifier helps you land on the right pixel. You can add the picked color to your palette with one click.
No. The image is processed entirely in your browser and never sent to a server. That makes the picker safe to use with unreleased designs, client work and private photos.
The picker groups similar pixels in OKLab, a color space where distances match how different colors look to people. It combines median cut, which keeps small but distinct accent colors, with k-means clustering, which refines each group. Every color is then snapped to a real pixel, so what you see on the marker is exactly what is in the image.
Balanced picks the colors that cover the most of the image. Vibrant favors saturated colors and accents, Bright and Muted favor light and soft colors, and Deep and Dark favor the darker parts of the image. Moods change which pixels matter most, not the pixels themselves.
Yes. Choose a brand color from the image and the picker suggests a tinted neutral and matching success, warning and danger colors. To turn those into full, accessible shade scales with WCAG and APCA checks and sync them to Figma, open them in Atmos.
JPG, PNG, WebP, GIF, AVIF and SVG work in all modern browsers. HEIC photos from iPhones only open in Safari, so in other browsers export them as JPG first. Large images are scaled down for speed, which does not change the colors.