Color Picker
Click anywhere on the photo to grab a colour. You also get a palette of the main colours in the image.
Select Or Drag & Drop An Image Here
Click on the image to pick a colour.
———Main palette
Pick any colour from a photo
Sometimes the colour you need is already inside an image: a brand shade in a logo, the paint on a wall, a fabric in a product photo or a highlight in a landscape. This colour picker lets you click anywhere on an uploaded picture and read the exact HEX, RGB and HSL values. It also builds a palette of the main colours in the image, which is helpful when you want a matching set rather than a single sample. The image is read locally in your browser, so it does not need to be uploaded to a design service.
How to pick a colour from an image
- Select an image or drag it into the drop zone.
- Click the part of the image whose colour you want to inspect.
- Read the HEX value for web CSS, the RGB value for screen work, or the HSL value for hue, saturation and lightness adjustments.
- Use Copy HEX to paste the code into your design or code editor.
- Browse the main palette to find related colours from the same photo.
Where a colour picker is useful
- Web design: copy a brand colour from a logo or reference image into CSS.
- Branding: build a palette from a product photo, packaging or mood board.
- Home and interior projects: sample wall paint, furniture or fabric colours from a photo.
- Crafts and printing: identify approximate colours before matching paper, thread or paint.
Getting a more reliable sample
A photograph is affected by lighting, shadows and camera colour processing, so the sampled value may not exactly match the physical object. For a cleaner result, use a well-lit image without a strong colour cast and click a flat, mid-tone area rather than a highlight or deep shadow. Compare a few nearby points and use the palette to see the dominant shades. If you are choosing colours for a website, check the contrast between text and background rather than relying on appearance alone. HEX is the most convenient format for CSS, while RGB is useful in graphics software and HSL makes it easier to create lighter or darker variations.
Privacy and local sampling
The image is loaded into a local canvas and the colour values are calculated in your browser. ImageTool24 does not upload or store the picture, and no account is required.
Frequently asked questions
Can I pick a colour from any image format?
Common browser-supported formats such as JPG, PNG, WebP, GIF and BMP work. The clearer the image, the easier it is to choose an accurate point.
Why does the colour look different on another screen?
Screens use different colour profiles and brightness settings. A sampled HEX value is a useful reference, but physical colour matching still requires a calibrated display or sample.
What is the difference between HEX, RGB and HSL?
HEX is a compact web colour code, RGB describes red, green and blue values, and HSL describes hue, saturation and lightness. They can represent the same colour.
Is my photo uploaded?
No. The sampling happens locally and the image remains on your device.