Image Color Picker

Open PPI's image color picker, drop in the image, and click the point you want. The picker reads the color at that spot and shows its hex code along with RGB, HSL and CMYK values. You can click as many points as you like and copy any value with one more click.

PPI's image color picker never uploads a file. The image is read and its pixels examined inside your own browser, then discarded when the tab closes, so it is never sent to PPI's servers or stored anywhere.

A single pixel is often the wrong answer on a real file. JPEG compression, anti-aliased edges and photo noise all mean the exact pixel under your cursor can be several shades away from the color you are pointing at. The picker averages a small block, which is what a physical color picker does and what your eye expects.

The image color picker reads PNG, JPEG, WebP, GIF and SVG files. Vector files such as AI, EPS and PDF cannot be opened by a browser, so export a PNG or JPG copy first, or send the original to PPI and we will pull the colors for you.

Every color you pick shows the closest color Promotional Product Inc stocks and how many products come in it, with a link to that filtered listing. Send us the hex value along with the product you want and we will confirm the match with a free visual proof before printing.

Yes. Click the image once to focus it, then move the crosshair with the arrow keys and press Enter to pick. Hold Shift with an arrow key to move ten pixels at a time. Every value on the page can be copied without a mouse.

A picked color will not print exactly, because a screen shows color as light while a product is dyed fabric, molded plastic or coated metal. Use the picked value as the target, check the closest color we stock, and ask for a physical sample before committing a large order.

A logo can genuinely hold different values in different files. A version exported for the web is often converted to a different color space than the print original, and a screenshot adds whatever the screen and the compression did to it. Always pick from the original artwork when you have it, not from a copy taken off a website.

You can, and it is useful for matching an existing item. Bear in mind that photo lighting shifts color: a warm bulb pushes everything yellow and a phone camera may correct it again. Treat a color picked from a photo as a close starting point and confirm against a physical sample before ordering.

Most logos hold two or three real colors plus black and white. Pick each flat area once rather than sampling every shade, because the extra shades are usually anti-aliasing rather than brand colors. For merchandise, a tighter set is also cheaper to print.

That number is the WCAG contrast ratio against white, which tells you whether dark text stays readable on that color. It runs from 1:1 for invisible up to 21:1. Anything under 4.5:1 will be hard to read at normal size, which matters when the color becomes a product background.

The image color picker works on a phone. Tap the image to pick a color instead of clicking, and every value can be copied with a tap. The magnifier follows your finger, though a larger screen makes precise aiming on a small logo easier.

Once you have picked at least one color, an option appears to email the list to yourself with every value and the closest color we stock. No account is created and you are not added to any list.