How to pick a colour from an image
- Choose an image, drop one here, or paste a screenshot with Ctrl+V.
- Move over the picture. The magnifier shows the pixels under the pointer.
- Click to pick. The colour appears as HEX, RGB, and HSL, ready to copy.
- Keep clicking to build a list of colours, then copy them all at once.
Large flat areas give a cleaner colour than edges, where anti-aliasing blends neighbouring colours. For a logo, pick from the middle of a solid shape.
Questions
Is my image uploaded?
No. The picture is drawn in your browser tab and colours are read from it there. Nothing is sent to a server.
Can I pick a colour from anywhere on my screen?
Yes, in browsers that support the EyeDropper feature, such as Chrome and Edge. Press Pick from screen, then click any pixel on your screen, even outside the browser. Firefox and Safari do not offer it yet, but you can paste a screenshot instead.
How do I get a pixel-exact colour?
Move the pointer over the picture and use the magnifier to see individual pixels. With a keyboard, click the picture, move with the arrow keys (hold Shift to move ten pixels), and press Enter to pick.
Why does the colour differ from what I see in my design app?
The tool reads the pixel values as the browser decodes them. Pictures with an embedded colour profile, or JPG compression, can shift a colour slightly compared with the original file.
What formats are given?
Each colour is shown as HEX, RGB, and HSL, each with a copy button. Copy all HEX gives every picked colour as a comma-separated list.
Credits
Built by OneTooling using standard browser features. No third-party code runs on your data.