How to use the image color picker
- Upload an image — a photo, screenshot, logo or design.
- Click anywhere on it to sample that exact pixel's colour.
- Copy the HEX, RGB or HSL value, or pick from the auto-generated dominant palette.
Why pick colours from an image?
Sampling real colours is the fastest way to build a palette that feels cohesive — matching a website to a product photo, pulling brand colours out of a logo you don't have the source files for, or finding the exact shade in a design you like. The dominant colours row groups similar pixels together so you get the handful of colours that actually define the image, rather than one arbitrary pixel. Remember that photos are affected by lighting, so sample a few points before committing.
Benefits
- Click any pixel in an image to get its exact HEX, RGB and HSL values.
- Automatically extracts the image's dominant colours as a palette.
- Works with photos, screenshots and logos.
- Fully private — the image is never uploaded.
Limitations to know
- Large images are scaled down for display, so sampling is on the scaled pixels.
- Photo colours shift with lighting, so one pixel may not represent the true colour.
- It samples single pixels rather than averaging an area.
Common mistakes to avoid
- Sampling a highlight or shadow and assuming it is the object's real colour.
- Picking from a heavily compressed JPEG, where artefacts distort colours.
- Using one sampled colour without checking contrast for text legibility.
Alternatives
To convert between formats use the Color Converter; to build a scheme from scratch use the Color Palette Generator.
Last updated: August 2026 · Reviewed by the AI Toolbox editorial team.
Frequently asked questions
Is my image uploaded?
No — the image is read into a canvas locally. It never leaves your device.
What's the difference between HEX, RGB and HSL?
They describe the same colour differently: HEX for CSS and design tools, RGB as red/green/blue values, HSL as hue, saturation and lightness (easier for making shades).
How are dominant colours chosen?
Pixels are grouped into similar colour buckets and the most common ones are shown, so you get representative colours rather than noise.
Can I pick from a screenshot?
Yes — screenshots work perfectly, which makes this handy for matching colours from any app or website.