Screen Color Picker Tool

Pick colors online from any point on your screen or in an image. Supports output in multiple formats, including HEX, RGB, HSL, and CMYK, with color history and palette export features.

Bug report

Browser execution mode: Your data is processed in your browser and is not uploaded to the server.

Speed and Stability: Processing speed depends on your device and browser. For large batch work, the desktop version may be more stable.

Loading tool, please wait...

If the online tool fails to load or run, try the desktop tool.https://tools.yikeaigc.com/

Tool Usage

Return to old version

Tip: Choose a color source and set output options before picking colors. Screen picking can use your device picker; image picking and batch analysis are done locally.

Color Source

Choose an entry to start, or load a sample image to try it quickly.

Output Settings

Settings are saved and restored next time.

HEX Case Output Precision History Count Batch Main Colors

Include CSS variables on export Record image coordinates Auto-copy HEX after picking

Tip: For image color picking, select an image first, then click the target pixel. A magnifier and current coordinates appear on mouse move. For batch images, only the first 20 files are shown, but all files are processed.

Image color picker

Upload an image or use a sample, then click the image to pick a color.

Choose image Batch Images

Waiting for image Choose an image or load a sample, then click the image to pick a color.

Current color

Supports HEX, RGB, HSL, HSV, CMYK, and LAB.

#2F80ED

Enter color manually

Contrast on white: - Contrast on black: -

Batch Images

Extract the main color from each image. Filenames stay unchanged.

No batch images selected

Tip: Click the button beside any format to copy it, or export JSON, CSS, ASE text notes, or SVG swatches. History is saved locally and can be cleared anytime.

Color formats

Common developer and design formats for the current color.

History & Palette

Click a swatch to reapply the color.

Batch Result Preview

File	Main Color	HEX	RGB	Status

Instructions

Software Instructions

Set the color source: After entering the tool, first choose screen color picking, image color picking, or batch image mode, and set HEX letter case, output precision, history count, and number of batch dominant colors as needed.
Save common settings: Click “Save Settings” to record the current output parameters; when you need to restore the initial parameters, click “Restore Defaults”.
Screen color picking: After selecting “Screen Color Picking”, click “Start System Color Picking”, then click the target location to obtain the color value. If the current device does not support this capability, you can use image color picking instead.
Image color picking:
- Click “Choose Image” to load a local image, or click “Load Example” to try the process.
- After the image is displayed, move the mouse to the target area to view the magnifier and coordinates.
- After clicking the target pixel, the tool will generate the corresponding HEX, RGB, HSL, HSV, CMYK, LAB, and other formats.
Batch image dominant color analysis:
- Click “Batch Images” to select multiple images. The interface only displays the first 20 files, but the remaining files will still be processed.
- After clicking “Start Batch Analysis”, the tool will extract dominant colors for each image and generate results.
- After processing is complete, click “Download ZIP” to get the JSON and CSS result files for each image.
Copy and export results: In the “Copy & Export” step, you can copy a single color format, copy all results, or export JSON, CSS, SVG color swatches, and palette files.
Manage color history: Each color pick is added to the history. Click a historical color swatch to apply that color again; when you no longer need to keep it, click “Clear History”.

FAQ

A: The current device environment may not support system color picking, or the color picking request may have been canceled. You can use image color picking instead: first capture the target screen, then upload the image and click to pick the color.

A: Image color picking reads the pixel color at the clicked position. Color appearance may be affected by factors such as image compression, transparent pixels, and display device color settings. It is recommended to zoom in on the target area before clicking.

A: Supports HEX, RGB, HSL, HSV, CMYK, LAB, XYZ, and CSS variable output, suitable for web styling, design annotations, brand color organization, and print color value reference.

A: Batch results will use the original image file names as much as possible to generate corresponding JSON and CSS files. If duplicate names occur, a number will be appended to the file name to avoid overwriting existing results.

A: Color history is saved on the current device and will remain unless manually cleared or site data is deleted. You can choose the number of history records in the settings.

A: No. Image color picking, batch dominant color analysis, and palette export are all performed locally on the current device. Image files are not uploaded to the server.