Upload an image and click anywhere on it to instantly get that pixel's exact color code.
Matching a specific color from a photo or design reference — a brand's exact blue from their logo, the background color from a screenshot, or a shade from a photograph you want to replicate in a design — requires knowing that color's precise code, not just eyeballing it. Guessing a HEX value by sight is unreliable, since human color perception is easily fooled by surrounding colors and lighting in an image.
This tool reads the actual pixel data from your uploaded image using the canvas API, so clicking anywhere on the image returns the exact color value stored at that pixel — no estimation involved. Results are shown in both HEX format (the six-character code used throughout CSS and most design tools) and RGB format (the red/green/blue numeric breakdown), alongside a live swatch so you can visually confirm the match.
It's a staple for designers matching colors from a reference image or photograph, developers extracting a brand color from a logo to use in CSS, and anyone building a color palette based on a source photo. Because color sampling happens directly from the image data in your browser, nothing is uploaded to a server in the process.