Why do JPEG colors vary slightly?

Lossy compression shifts pixel values; prefer PNG screenshots for exact UI colors.

Is transparency included?

An opaque RGB value is usually shown. For transparent PNG images, the copied rgba() value can include the transparency level.

Mobile touch picking?

Touch tap selects under finger using the same magnifier logic where supported.

Image Color Picker

Pick colors from any uploaded image pixel. Get HEX, RGB, and HSL values with magnifier preview.

Files and content are processed locally in your browser and are not uploaded to our server.

About this tool

Upload an illustration, screenshot, or photo and click any pixel to copy its color in HEX, RGB, and HSL. A magnifier helps you pick small details and find colors directly in an image.

How to use

Click to select a pixel color
Magnifier for precise selection
HEX, RGB, and HSL values
Copy color values to the clipboard
History of recently selected colors while the page remains open
Upload image: Choose the image that contains the color you need.
Select a pixel: Move the pointer and click the position you want. The magnifier shows the zoomed area.
Copy values: Copy the HEX value or an rgb() or hsl() string ready for CSS.

Examples

Find a button color in an older PNG design
Inspect colors in a screenshot
Estimate colors in a gradient within an image
Record exact color values in a bug report

Limitations

Reads colors from image pixels only; lossy JPEG compression may cause slight shifts
Does not automatically build a full palette from the entire image
The uploaded image is processed directly in your browser and is not sent to a server.

FAQ

Why do JPEG colors vary slightly?: Lossy compression shifts pixel values; prefer PNG screenshots for exact UI colors.
Is transparency included?: An opaque RGB value is usually shown. For transparent PNG images, the copied rgba() value can include the transparency level.
Mobile touch picking?: Touch tap selects under finger using the same magnifier logic where supported.