How to use Image color picker
- Add a picture.
- Move your pointer or finger over it to preview colours live.
- Click or tap to pick the colour you want.
- Copy the hex, RGB or HSL value.
Why use this tool
Designers, developers and hobbyists often need the exact colour from a logo, photo or screenshot. Picking it from the image gives you a precise code to use in CSS, a design tool or a document, so you never have to guess a shade by eye.
Tips for best results
- Pick from flat areas of colour. Edges and gradients can give mixed values.
- Hex is the most common format for the web. RGB and HSL are useful in code and design tools.
- Use the palette generator when you want several colours at once.
Frequently asked questions
Which colour format should I copy?
Use hex for most websites, RGB when you need separate red, green and blue values, and HSL when you want to adjust lightness or saturation.
Why does the colour look different on another screen?
Screens are calibrated differently, but the numeric code is the same everywhere.
Is my picture uploaded?
No. Colours are read in your browser.