About this tool
This tool combines a standard color picker with the browser's EyeDropper API, letting you sample a color from anywhere on your screen — not just within the page — and instantly copy its HEX code. Recently picked colors are kept in a quick-access history.
How to use it
- 1Use the color swatch input to pick a color directly, or click "Pick from screen" to sample any pixel on your screen.
- 2The HEX value updates automatically — click "Copy" to copy it.
- 3Previously picked colors appear in the history row for quick reuse.
Common mistakes to avoid
- Expecting the eyedropper to work in browsers that don't support the EyeDropper API — it's supported in recent Chrome and Edge, but not all browsers.
Use cases
- Sampling a brand color from a screenshot or image open elsewhere on your screen.
- Building a quick palette of colors picked from a reference design.
Frequently asked questions
Why doesn't the eyedropper button work?
The EyeDropper API is currently supported in Chromium-based browsers like Chrome and Edge. Firefox and Safari don't support it yet — use the standard color input as a fallback.