Read an exact pixel color and build a ready-to-use CSS palette.
1
Open an image
2
Save useful shades
3
Copy values or the palette
↑Choose FileDrag & drop files here … (or click to select files)or drop an archive with filesUpload file
Detect pixel color
Upload an image and pick any pixel to see its exact color values. The tool shows HEX and RGB components, lets you preview the selected color and helps copy the value for design, CSS, branding or image editing work.
It is useful when you need to match a logo color, reproduce a shade from a screenshot, inspect a UI mockup or compare colors while preparing assets. The picker works directly in the browser and does not require image editing software.
✓Click or tap a pixel to read its exact color from an image.
✓See HEX and RGB values for design, CSS and brand matching.
✓Use saved color preview when comparing shades from the same picture.
✓Helpful for screenshots, logos, mockups and visual quality checks.
✓Save picked colors into a small palette and compare them with the current pixel under the pointer.
✓Use exact HEX, RGB, HSL and CMYK values or copy the complete saved palette as CSS custom properties.
Supported formats
This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.
Reviews are checked before publication. We publish genuine positive feedback and specific criticism. Spam and insults without useful detail are not published; profanity and personal details are masked. Positive votes are counted immediately; negative votes are counted after review.
Reviews reflect users’ experiences, not a guarantee of results or a description of the service limits. Use the rating buttons above to leave a review.
