How to Pick a Color From an Image
Published September 8, 2026 · 2 min read
Matching a brand color, extracting a palette from a photo, or just finding the exact hex code of a color you like in an image — this tool lets you click anywhere on a photo to read off its precise color, plus surfaces the image's dominant colors automatically.
Try Color PickerSteps
- 1
Open the Color Picker tool
Go to the image color picker.
- 2
Upload your image
Choose the photo you want to sample colors from.
- 3
Click anywhere on the image
The exact hex, RGB and HSL values for that pixel are shown instantly.
- 4
Copy the color code
Use the value directly in your design tool, CSS, or code.
Frequently asked questions
Yes — alongside single-pixel sampling, the tool also surfaces the image's dominant colors automatically.
Hex, RGB and HSL values are all shown together, so you can copy whichever format your project uses.
Yes — any image your browser can display (PNG, JPG, WebP and more) can be sampled.
Because sampling happens instantly on the image already loaded in your browser, there's no upload delay between clicking a color and getting its exact code.