Upload an image, click any visible pixel, and copy its HEX, RGB or HSL color. Pick precise colors for designs, logos and websites without an account or an upload to our servers.
Choose one static image or drop it here. Then click a pixel to inspect its color.
Choose an image, then click a visible pixel to see its color values.
Your image stays on your device.
Open a static PNG, JPEG or WebP from your device, or try the built-in example. The image is decoded and sampled in your browser. You can work with files up to 12 MB and 4 megapixels, with a maximum of 4,096 pixels on either side. No sign-up is needed. If you replace the image, the earlier color picks are cleared so you do not mix values from different files.
Click a point in the preview to read that original image pixel. For a precise location, enter its X and Y coordinates instead; counting starts at zero in the top-left corner. The tool reads the stored RGB channels, not a color averaged over a region. Fully transparent pixels cannot be picked. If a pixel is partly transparent, the panel shows its original color and opacity separately.
Use HEX for a CSS or brand color, RGB for channel values, and HSL when you want to adjust hue, saturation or lightness. Each Copy button writes the shown value to your clipboard when your browser permits it. Your recent picks stay visible while this image is open. To recolor an image, copy the HEX value and paste it into our image color changer after opening the image there.
JPEG compression can change nearby pixel values, especially around lettering and edges. Anti-aliasing, shadows and gradients also create many shades. This picker reports the exact pixel you choose; it does not guess a single brand color for a whole object. Sample a few points in the flat center of the area and compare their values. A source PNG with a flat fill usually provides a more consistent value than a compressed screenshot.
A fully transparent pixel has no visible color, so the picker asks you to choose another point. A partly transparent pixel still has stored RGB channels. The HEX, RGB and HSL values are calculated from those channels, and the opacity is shown next to the pixel coordinates. What you see when the pixel is displayed can differ on a white or dark background because the browser blends its color with that background.
No. The picker decodes your image in the browser and reads its pixels locally. Copying a color copies text only; it does not send or change the image. The built-in example is drawn locally, too. If you want to change a color in the image, use the separate image color changer. Agent generation and editing are separate account-based workflows that use private uploads and credits.
Open your PNG, JPEG or WebP and click a visible pixel, or enter its X and Y coordinates. The HEX value appears beside RGB and HSL; choose Copy HEX to use it in CSS or a design file. This image color picker reads that pixel exactly, so sample a few points if the area has a gradient, shadow or JPEG compression.