Image Color Picker
Pick the colour of any pixel in a photo or screenshot as HEX, RGB and HSL.
Click the image to pick a color.
Picked colors
Find the exact colour in an image
Want to know the exact colour of a logo, a website screenshot or an object in a photo? Upload the image and click any point. The tool instantly shows that pixel's colour as HEX (#RRGGBB), RGB and HSL.
Copy with one click
Each value has a copy button, and you can click different points to collect as many colours from an image as you need.
For designers and developers
Ideal for identifying brand colours, moving a design into CSS or building a matching palette. Your image is processed in the browser and never uploaded.
How to use Image Color Picker
- Upload the image you want to pick colours from.
- Click the spot you're interested in.
- See the HEX, RGB and HSL values.
- Copy the code and use it in your design.
Why use this tool?
Get the exact value of a colour on screen in seconds instead of guessing. Free, fast and private.
FAQ
What's the difference between HEX and RGB?
Both describe the same colour. HEX is the hexadecimal notation of the RGB values; CSS accepts either.
Why does the colour differ from what I expected?
Light, shadow and JPG compression cause small differences between neighbouring pixels. Try a few points to find the most representative colour.
Can I get an image's main colours automatically?
Yes, the Dominant Color Extractor builds a palette from the image automatically.
Related tools
Dominant Color Extractor
Extract an image's main colour palette automatically and copy the colours as HEX/RGB.
Open toolColor Code Converter
Convert colours between HEX, RGB and HSL with a live preview; alpha is supported.
Open toolCSS Gradient Generator
Design linear and radial CSS gradients with multiple colour stops and a live preview.
Open toolImage Cropper
Crop photos freely or to fixed ratios like 1:1, 4:5 and 16:9, right in your browser.
Open tool