BuzzKit
Image Color Picker
Click anywhere on a photo to read the exact hex and RGB value at that pixel.
Click anywhere on the photo — the swatch and values update instantly with no processing step.
How the image color picker works
This tool reads the raw pixel data from the canvas at the exact coordinate you click, giving you the precise hex and RGB values at that spot.
Drop your image
It's decoded onto a canvas.
Click a pixel
The exact color under your cursor is read instantly.
Copy the value
Grab the hex code for use elsewhere.
Using the image color picker
Click any point on your photo and the image color picker reads the exact pixel value there and shows it as hex and RGB, ready to copy. Designers use it to match a brand color from a logo, developers to grab a color for CSS, and anyone decorating to match a color from a photo.
Because it reads a single pixel, the value can differ slightly from the color you see in a grainy or textured area, so click a few nearby spots to compare. Hex codes such as #12897A can be pasted straight into CSS, design tools and document editors. To make icons from a logo, try the Favicon Generator, or crop to the region you care about with the Image Cropper.
Frequently asked questions
Does this average nearby pixels?
No — it reads the single exact pixel you click for a precise value.
Can I pick from a zoomed-in view?
Not yet — for very fine detail, crop the area first with the Image Cropper.
What formats does it show?
Both a hex code and RGB values, shown together.
Is my image uploaded anywhere?
No. The pixel data is read with your browser's canvas, so the image never leaves your device.
Where can I use the hex code?
Anywhere that accepts a CSS color, such as a stylesheet, a design tool or a brand guide. Copy the hex value and paste it in.