Image Color Picker

Get a color from any image

Open a photo, screenshot or design export and click any pixel to read its exact color. The picker shows the value as HEX, RGB and HSL, each with a copy button. A zoomed loupe follows your pointer, so you can land on a single pixel of a thin line or small text. It opens JPEG, PNG, WebP and any other image format your browser can display, and the file never leaves your device.

How to pick a color from an image

1. Click Upload image, drop a file anywhere on the page, or paste a screenshot with Ctrl + V (⌘ + V on Mac). A demo photo is already loaded if you want to try it first.
2. Move your pointer over the image. The loupe shows an 11 by 11 pixel area with the hex code of the center pixel.
3. Click to pick that color. On a phone, touch the image, drag until the loupe sits on the right spot, and lift your finger.
4. Copy the HEX, RGB or HSL value from the panel.
5. Keep clicking to collect up to 10 colors in the strip under the image, then copy them as a hex list or as CSS variables.

With a keyboard, tab to the image and move one pixel at a time with the arrow keys (hold Shift to move 10), then press Enter to pick.

HEX, RGB or HSL: which value to copy

All three describe the same color. The orange in the Zaps logo is #FF922E, rgb(255, 146, 46) and hsl(29, 100%, 59%).

• HEX is the short code that Figma, Canva and most design apps ask for, and it works anywhere in CSS.
• RGB lists the red, green and blue channels from 0 to 255. Use it when you want transparency, as in rgb(255 146 46 / 50%).
• HSL is the easiest to edit by hand. Raise or lower the last number to make the color lighter or darker without changing its hue.

What to do with the colors

The buttons under the values open the picked color in the color contrast checker as text on white, in the tint and shade generator, or on the color wheel to find colors that go with it. Test for color blindness sends your last six picks to the color blindness simulator. To build a full palette around your picks, type them into the color palette generator and lock them. If you want the five main colors of a photo without clicking around, color palette from image finds them for you, and image recolor lets you change them.