# Image Color Picker

Pick colors from images by specifying coordinates. Get color values in HEX, RGB, HSL, HSV, and CMYK formats.

> Canonical page: https://elysiatools.com/en/tools/image-color-picker

- **Category:** Design

- **Keywords:** image, color, picker, sample, extract, rgb, hex, hsl, pixel, eyedropper

## Overview

The Image Color Picker allows you to extract precise color values from any image by specifying pixel coordinates. Simply upload your image, set the X and Y coordinates, and retrieve the color in HEX, RGB, HSL, HSV, or CMYK formats, with optional color averaging using a sample radius.

## Inputs

- **Image File** (file): Upload any image file to pick colors from
- **X Coordinate** (number): X coordinate in pixels, counting from the left edge (0 = left edge)
- **Y Coordinate** (number): Y coordinate in pixels, counting from the top edge (0 = top edge)
- **Sample Radius (pixels)** (number): Radius of area to sample (0 = single pixel, higher values average colors in the area)
- **Output Format** (select): Choose which color format(s) to include in the output

## When to use

- When you need to extract the exact color value of a specific pixel in an image for design or development projects.
- When you want to sample and average colors over a small area of an image to avoid noise or compression artifacts.
- When you need to convert a pixel color from an image directly into multiple formats like CMYK, HSV, HSL, RGB, or HEX.

## How it works

- Upload an image file in JPEG, PNG, WebP, GIF, BMP, or TIFF format.
- Specify the target X and Y pixel coordinates, counting from the top-left corner of the image.
- Optionally set a sample radius to average the color of surrounding pixels, and select your preferred output format.
- Run the tool to generate a JSON output containing the precise color values.

## Use cases

- Extracting brand colors from a logo image at specific coordinates.
- Analyzing color values in digital assets for quality control and design consistency.
- Sampling average background colors from photos to match UI elements.

## Frequently asked questions

### What image formats are supported?

The tool supports JPEG, PNG, WebP, GIF, BMP, and TIFF files up to 20MB.

### How do the X and Y coordinates work?

The X coordinate represents pixels from the left edge, and the Y coordinate represents pixels from the top edge, starting at 0.

### What does the sample radius option do?

A radius of 0 samples a single pixel. Higher values (up to 50) average the colors within that pixel radius to smooth out noise.

### Can I get colors in CMYK format?

Yes, you can choose to output CMYK values along with HEX, RGB, HSL, and HSV.

### Is there a limit to the image file size?

Yes, the maximum supported file size for uploaded images is 20MB.

## Related tools

- [Image Color Extractor](https://elysiatools.com/en/tools/image-color-extractor): Extract dominant colors from images using various algorithms including k-means clustering and histogram analysis
- [Color Palette Extractor](https://elysiatools.com/en/tools/image-color-palette): Extract a beautiful color palette from any image
- [Image Rotate](https://elysiatools.com/en/tools/image-rotate): Rotate images by specified degrees with options for background color and output format
- [Rotate Image by Arbitrary Angle](https://elysiatools.com/en/tools/image-rotate-arbitrary): Rotate images by any arbitrary angle with options for background color and output format
- [Image Flip (Vertical)](https://elysiatools.com/en/tools/image-flip): Flip images vertically (top to bottom) with options for output format and quality
- [Image Flop (Horizontal)](https://elysiatools.com/en/tools/image-flop): Flop images horizontally (left to right) with options for output format and quality
- [Image Modulation](https://elysiatools.com/en/tools/image-modulate): Apply modulation transformation for brightness, saturation, and hue adjustments
- [Image Processor](https://elysiatools.com/en/tools/image-processor): Process images with various operations like resize, crop, format conversion, and optimization

## Samples

- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
- [Web Image Processing TypeScript Samples](https://elysiatools.com/en/samples/web-image-processing-typescript): Web TypeScript image processing examples including image read/save, scaling, and format conversion
- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion