Step by step
- Open this page in Chrome or Edge on a desktop or laptop computer.
- Click Pick from screen in the color picker tool.
- Move the eyedropper cursor over any window, image, or element on your monitor.
- Click once to capture the color and view its HEX, RGB, and HSL codes.
- Copy the code you need for your project.
At a glance
| Browser or device | Screen picking support | Alternative |
|---|---|---|
| Chrome on computer | Supported with Pick from screen | Use directly on this page |
| Edge on computer | Supported with Pick from screen | Use directly on this page |
| Safari, Firefox, or mobile | Not supported by browser | Take a screenshot and drop the image here |
Related questions
Why does Pick from screen only work in Chrome and Edge?
The browser EyeDropper feature required to sample pixels outside the webpage is currently supported in desktop Chrome and Edge. In other browsers or on phones, you can take a screenshot and drop it into the image picker instead.
Can I pick a color from another app or window?
Yes, once you click Pick from screen in Chrome or Edge, you can move the cursor outside the browser to any visible window on your screen.
Does this tool save my screen or images?
No, everything runs locally in your browser with no sign-up and no files uploaded to a server.
More questions: color picker
- How to Pick a Color From an Image
- What Is a Color Picker?
- How to Get HEX, RGB, and HSL Color Codes
- How to Pick a Color for HTML and CSS
- How to Use a Color Picker on Windows
- How to Use a Color Picker on Mac
- How to Use a Color Picker for Canva
- How to Color Pick in Photoshop
- How to Get a Color Palette from an Image
- How to Use a Color Picker in Word and Excel
- How to Use the Color Picker in MS Paint
- How to Pick a Color From an Image on iPhone and Android
Updated November 14, 2026.