Utilities Center

Color Picker & Hex Extractor

Sample colors straight from an image

Upload an image and click anywhere on it to sample the exact pixel color and get its Hex, RGB and HSL codes — all in your browser.

About the color picker & hex extractor

Whether you are building a brand palette from a photo, matching a color from a screenshot, or pulling inspiration from a picture, this tool lets you click any point on an image to read its exact color. The pixel is sampled at full resolution so the codes are precise, even if the preview is scaled down.

Each pick shows the Hex, RGB and HSL representations, and recent colors are kept in a history strip so you can build a small palette as you go. Click any code to copy it to your clipboard.

How to use the color picker & hex extractor

  1. Upload an image

    Choose any PNG, JPG or WebP file from your device.

  2. Click to sample

    Click anywhere on the image to read the color at that pixel.

  3. Copy the codes

    Click a Hex, RGB or HSL value to copy it to your clipboard.

Frequently asked questions

How accurate is the sampled color?
The tool samples the original full-resolution pixel, so the Hex/RGB values are exact for that pixel — not affected by the scaled preview size.
What is the difference between Hex, RGB and HSL?
Hex and RGB both describe red, green and blue amounts (Hex is just a compact base-16 form). HSL describes hue, saturation and lightness, which is often more intuitive for adjusting colors.
Is my image uploaded anywhere?
No. Sampling happens entirely in your browser using the canvas API. Your file never leaves your device.
How many colors can I pick?
As many as you like. The last 12 picks are kept in the history strip so you can copy them again.

Explore more utilities

Other utilities