Image color picker
Upload an image and click anywhere on it to read the exact color of that pixel, in HEX and RGB. Copy the value with one click — everything happens in your browser, with nothing uploaded.
How to use Image Color Picker
- 1
Add your image
Drag an image into the drop area, or click to browse for one.
- 2
Click a pixel
Click anywhere on the image to sample the color at that point.
- 3
Read HEX and RGB
See the exact color in both formats, with a swatch preview.
- 4
Copy the value
Copy the HEX or RGB value with one click and use it anywhere.
Read any color straight from an image
Sometimes you see a color you want — in a photo, a screenshot, a logo, a design — and you need its exact value to use elsewhere. Guessing or eyeballing it never gets you the precise shade, and matching a color by hand is frustrating and unreliable. This tool lets you pull the exact color directly from the image. You upload the picture, click on any point, and it reads the precise color of that pixel and shows you its value. There is no approximation: the number you get is exactly the color that pixel contains, sampled directly from the image data. This is the reliable way to capture a color you have spotted, whether it is a brand color from a logo, a shade from a photograph, or a value from a design someone sent you. Instead of trying to reproduce a color from memory or by trial and error, you click the pixel and get its true value, ready to reuse with confidence that it matches exactly.
HEX and RGB, ready to copy
Colors are written in different formats depending on where they are used, so this picker gives you the two most common at once. It shows the HEX code — the hash-prefixed six-character form used throughout web design and CSS — and the RGB values, the red-green-blue triplet used in many design tools and contexts. Both are displayed for every pixel you pick, and each has a copy button, so you can grab whichever format the tool you are working in expects without any manual conversion. This matters because needing a color in the 'wrong' format is a common annoyance: you have the HEX but your software wants RGB, or vice versa. By presenting both and letting you copy either instantly, the picker fits straight into whatever workflow you are in. You click a pixel, see the color in both standard notations, and copy the one you need in a single click — turning 'what color is that?' into an answer you can paste directly into your stylesheet, your design tool or your document.
Pinpoint the exact pixel you want
Images are full of subtly different colors, and the shade you want is often in one specific spot — a particular point on a gradient, a single element in a busy design, the precise tone of an object in a photo. This tool lets you target exactly that pixel. The image is displayed for you to click directly, and a click reads the color at that precise location, so you are not getting an average or an approximation but the actual color where you pointed. You can click around to compare different areas, sampling as many points as you like until you find the exact shade you are after. This precision is what makes the tool genuinely useful rather than a rough guide: when you need to match a specific color, getting it from the exact pixel matters, because even areas that look uniform can vary, and gradients change continuously. Being able to click the precise spot and read its true value means the color you capture is the one you actually wanted, not a near-miss.
Private by design — read in your browser
The images you sample colors from might be your own designs, client work, brand assets or private photos, and there is no reason to upload them to a server just to read a pixel's color. In1 loads your image into the browser and reads the colors entirely on your own device. Nothing is uploaded, nothing is stored, and there is no account or sign-up. Because the image is processed locally, picking colors is instant and works exactly the same offline as online, with no file travelling anywhere. This local-only approach is the right default for design work, where an unreleased layout or a confidential asset should stay on your machine, but it benefits everyone by keeping the tool fast and your images private. You can sample as many colors from as many images as you like, free and without limits, knowing that each picture is handled on your own computer and never sent to a server. The color you extract is yours, taken privately, ready to use.
Who uses an image color picker?
It is a staple for anyone who works with color. Web designers and developers pull exact HEX codes from mockups, screenshots and reference images to reproduce them faithfully in CSS. Graphic designers sample colors from photos, logos and inspiration images to build palettes and match brand shades. Digital artists pick colors from references while painting. Marketers and brand managers extract the precise colors of a logo or asset to keep materials consistent. People building presentations or documents match a color from an image to use elsewhere in their design. Anyone recreating or coordinating with a color they have seen — matching a theme, copying a shade, identifying a brand color — benefits from being able to click a pixel and get its exact value. Because the picker shows both HEX and RGB and copies either instantly, it slots into any design or development workflow, and because it runs entirely in the browser, it does so without ever exposing the images you are sampling from.
Higher limits, batch processing and an API are on the way. Want early access?