ImgColorPicker

Image color tools

Every color in a photo, screenshot or logo is a pixel you can read. These tools open your image in the browser and turn its pixels into color codes you can use: pick one exact pixel, pull out a whole palette, or find the single color that best represents the picture.

Image Color Picker Click anywhere on your image to grab the exact color of that pixel in HEX, RGB, RGBA, HSL or HSV. Your image never leaves your device. Image Color Extractor Find the dominant colors in a photo and build a ready-to-use palette in seconds. Export it as CSS, JSON, Tailwind or an image. Color Blindness Simulator See how your image, design or chart looks to people with different types of color vision deficiency. Average Color of Image Get the single color that best represents your image, ready to use as a background or loading placeholder.

Designers use them to match brand colors from a logo, developers to grab colors from a mockup, and photographers to study the palette of a shot. Because nothing is uploaded, they are safe for client work and private photos.

What you can do with these tools

  • Image Color Picker: Upload or drop an image and click any pixel to get its HEX, RGB, RGBA, HSL and HSV color code. Zoom in, inspect and copy colors. Free, private, no upload.
  • Image Color Extractor: Extract the dominant colors from any photo as a palette of 2 to 20 colors. Export as CSS variables, SCSS, Tailwind, JSON or PNG. Runs in your browser.
  • Color Blindness Simulator: Simulate protanopia, deuteranopia, tritanopia, achromatopsia and milder forms on your own image. Compare side by side and download. Runs in your browser.
  • Average Color of Image: Find the average color of any image as HEX, RGB and HSL. Compare the mean, median and dominant color, and use it as a background or placeholder color.

Which image color tool should I use?

Use the Image Color Picker when you need the exact code of one spot, such as a logo color or a button in a screenshot. Use the Image Color Extractor when you want a palette that sums up the whole picture, for a website, a mood board or a brand. Use Average Color of an Image when you need a single representative color, for example as a placeholder while the image loads. Use the Color Blindness Simulator to check that a design, chart or map still works for people with color vision deficiency.

Accurate colors from real photos

Photos are noisy: even a flat wall is made of slightly different pixels. The picker can average 3×3, 5×5 or 9×9 pixels for a truer color, the extractor groups similar colors in the perceptual OKLab color space, and the average color tool blends pixels in linear light, the way colors physically mix. The result is colors that match what you actually see.

Free, private and made for the browser

Every tool on ImgColorPicker is free and needs no account. Images are opened by your own browser and processed on your device, so they are never uploaded to a server. Settings, saved colors and palettes are remembered in your browser for your next visit, and you can clear them at any time from the footer.