Image Colour Picker
Choose an image, click or tap any area, and copy exact colour values for design, branding, CSS, or editing work.
Image preview Image
Click to choose or drag and drop
Then click or tap any pixel to pick a colour.
Pick colours
Selected colour
- - - - Choose one image, then click or tap to pick a colour.
How to use
Follow these simple steps to use the tool.
Select one image file from your device to open it in the colour picker.
Select any point on the image to inspect its exact colour values.
Copy HEX, RGB, HSL, or CSS-ready colour values into your design tool, website, or stylesheet.
What it does
See what this free online tool can help with.
Reads colour values directly from pixels in a selected image.
Shows common code formats including HEX, RGB, HSL, and CSS values.
Supports click or tap selection for desktop and mobile browsers.
Lets you copy specific colour codes for design, web, and editing workflows.
Supported formats and limits
Review supported inputs, outputs, and practical limits for this tool.
Formats and options
- Common image uploads supported by modern browsers (PNG, JPG, WebP, GIF, BMP)
- Colour output as HEX, RGB, HSL, and CSS strings
- Desktop and mobile browser usage
Things to know
- This tool inspects one image at a time.
- Very large images may be scaled for faster colour sampling in the browser.
- Displayed colours can vary slightly based on source image compression and screen calibration.
FAQ
Answers to common questions about this tool.
What is an image colour picker?
An image colour picker is a tool that reads colour values from an image. It lets you select part of a picture and see the matching colour code.
What colour formats should the tool show?
The tool shows common formats such as HEX, RGB, and HSL. These are useful for websites, CSS, design work, and digital artwork.
Can I copy the colour code?
Yes. You can copy the selected colour code and paste it into a design app, website editor, CSS file, or palette.
What can I use this for?
You can use it to match brand colours, pull colours from a reference image, build palettes, identify a background colour, or find an exact shade in a picture.
Why use a free online tool to pick colours from an image?
A free online image colour picker is useful when you need a quick colour code without opening design software.
Choose your image, inspect the exact pixel you care about, and copy the value instantly. It is a fast way to turn visual references into usable codes for design systems and front-end work.