Image Color Picker
Click any pixel of a photo, logo or screenshot to get its exact color code.
Picking from anywhere on the screen works in Chrome, Edge and Opera on a computer. Elsewhere, take a screenshot and paste it here.
Image
Picked color
History
Saved in this browser only. Select a swatch to show its values again.
Save the picks as a palette
Open in Palette GeneratorFiles and links
Load .ase files from the Swatches panel menu in Photoshop, Illustrator or InDesign; GIMP and Inkscape read .gpl palettes. A share link keeps the colors after the # in the address — the part browsers do not send to the server when they open a page.
About the Image Color Picker
Open, drop or paste an image, then point at any spot: a magnifier shows the pixels around it and the color under the cursor appears at once. Click (or tap) to pick it and get its HEX, RGB, HSL and OKLCH codes, plus the closest CSS color name. Average a 3 × 3 or 5 × 5 pixel area to get a steady color from noisy photos, keep a history of every pick, and save the picks as a palette.
In Chrome, Edge and Opera on a computer you can also pick a color from anywhere on the screen — another window, an app or a video — with the browser’s built-in eyedropper. Images are read by your browser and never uploaded.
How to use it
- Drop an image on the box, select it to choose a file, or paste a screenshot with Ctrl+V (⌘V on a Mac).
- Move the pointer over the image to see the magnifier, and click to pick. On a phone, press and slide your finger, then lift it to pick. With a keyboard, focus the image, move with the arrow keys (Shift for 10 px steps) and press Enter.
- Choose 1×1 for an exact pixel, or 3×3 / 5×5 to average the area around it.
- Copy any code from Picked color. Every pick is added to History; select one to see it again, or save them all as a palette (CSS, Tailwind, ASE and more) under Save the picks as a palette.
Examples
Click a flat area of a logo in a pasted screenshot (1×1)
HEX #1d5fcb RGB rgb(29 95 203) HSL hsl(217.2 75% 45.5%) OKLCH oklch(51.03% 0.1804 260.15) Closest name: royalblue
Same spot, 1×1 versus 5×5
Single pixels of a photo vary because of noise and compression; averaging 25 pixels gives the color your eye sees in that area.
Common uses
- Getting the exact HEX code of a logo or button from a screenshot.
- Matching paint, fabric or decor colors to a photo.
- Checking which colors a website or app really uses (with the screen eyedropper).
- Collecting colors from several images into one palette.
One pixel or an average?
Use 1×1 for screenshots, logos, icons and other flat graphics, where every pixel of an area has the same value. Use 3×3 or 5×5 for photos: sensor noise and JPEG compression make neighboring pixels differ slightly, and an average of 9 or 25 pixels is closer to the color you perceive. Transparent pixels in PNG or WebP images do not darken an average; a pick from a translucent area reports its transparency in the 8-digit HEX code (for example #0000ff80).
Picking from anywhere on the screen
The Pick from screen button uses the EyeDropper API, which Chrome, Edge and Opera support on desktop computers. After you select the button, the pointer becomes a magnifier that can pick any pixel on your screen, even outside the browser; press Esc to cancel. The browser only gives the page the one color you picked. Safari, Firefox and mobile browsers do not offer this yet — take a screenshot and paste it here instead.
Color accuracy
Codes are in sRGB, the color space of CSS. If an image has a wide-gamut color profile (such as Display P3 from a recent phone or Adobe RGB from a camera), the browser converts it to sRGB before the page reads the pixels, so a value can differ slightly from the number shown in an editor that works in the image’s own profile. Very large images (above about 16.7 megapixels) are scaled down for reading, and the page tells you when that happens.
Limitations
- The screen eyedropper works only in Chromium-based desktop browsers (Chrome, Edge, Opera).
- Images larger than about 16.7 megapixels are read from a scaled-down copy, so single-pixel details may blend with their neighbors.
- HEIC/HEIF photos from iPhones open directly in Safari. Other browsers first download the libheif decoder (1.4 MB, LGPL-3.0) from this site, once; it then decodes the photo on your device.
- The history is kept in this browser only (up to 30 picks) and is not synced between devices.
Privacy
Everything happens in your browser. What you enter or open here is not uploaded or stored by MySmartCoPilot.
Frequently asked questions
How do I find the HEX code of a color in a picture?
Open the picture here and click the spot. The HEX code is shown first under Picked color, with a copy button; RGB, HSL and OKLCH are listed below it.
Why is the picked color different from what my image editor shows?
Usually because of color management: this tool reports sRGB values, while an editor may show values in the image’s own profile (for example Display P3 or Adobe RGB). JPEG compression and averaging can also change the last digits. For flat graphics saved in sRGB, the values match exactly.
Can I pick a color from a website or another app?
Yes, with Pick from screen in Chrome, Edge or Opera on a computer. In other browsers, take a screenshot (for example with Print Screen or ⌘⇧4) and paste it into this page with Ctrl+V or ⌘V.
Where is my history saved?
In your browser’s local storage on this device, so it is still there next time. Clear removes it. The image itself is not stored.
Is my image uploaded?
No. The image is opened by your browser and its pixels are read on your device. Nothing is sent to a server, and the tool works offline once the page has loaded.