Are my images uploaded to a server?

No. Images are processed locally in your browser using canvas, so they are not uploaded to our servers.

Can I crop a screenshot without losing quality?

Yes. The crop tool maps your selection back to the original image pixels before exporting the result.

Which colour formats does this tool export?

The picker shows HEX, RGB, and HSL values for the selected pixel.

Client-Side Image Utility

Image Colour Picker & Cropper

Extract exact HEX, RGB, and HSL colours from any image. Build a palette or crop screenshots entirely locally in your browser.

Click or Drag & Drop to upload an image

100% Local processing. Your images never leave your device.

100%

Image color picker and local screenshot cropper

This tool helps designers, developers and content creators read exact colors from an image and crop a selected area of a screenshot. The main workflow runs in your browser with the HTML5 Canvas API, so typical image picking and cropping does not require uploading the file to a server.

Color formats available

When you click a pixel on the image, the tool shows the selected color in common web formats:

HEX: commonly used in CSS, design systems and brand guidelines, for example #3B82F6.
RGB: useful when you need red, green and blue channel values or want to create an rgba() color.
HSL: useful for adjusting hue, saturation and lightness when building related colors.

Local palette history

The recent palette keeps your last selected colors on the page so you can compare nearby tones and copy values again without reopening the image.

Frequently asked questions

Are my images uploaded?

The picker and cropper use browser canvas processing. For normal use, the selected image is rendered locally in your browser and is not sent to Mini-Tools.uk.

Does cropping reduce quality?

The crop export maps your selection back to the original image pixels, so the downloaded PNG uses the source image area rather than a low-resolution screen preview.

Practical colour-picking workflow and limits

Open a screenshot, logo or design reference, zoom into the area you need and click the exact pixel. Copy HEX for CSS, RGB for channel-based values, or HSL when you want to build lighter, darker or less saturated variants.

Check several nearby pixels on compressed photos because anti-aliasing and JPEG artefacts can produce slightly different values.
Use the recent palette to compare a background, text colour and accent before adding them to a design system.
Use crop mode to export only the relevant screenshot area before attaching it to documentation or a support ticket.

Accuracy and file limitations

The picker reports the pixel value decoded by your browser. Colour profiles, display calibration, image compression and transparent pixels can affect how a colour looks. Very large images also depend on available browser memory.