1. Click 'Pick Color from Screen' (requires a Chromium-based browser).
2. Your cursor becomes a magnifier — click anywhere on your screen, including outside the browser, to sample that pixel's color.
3. View the picked color's HEX, RGB, and HSL values.
4. Click any value to copy it to your clipboard.
5. Check the history row below to revisit up to 10 previously picked colors from your session.

• Sample an exact color from a competitor's website, a design mockup, or a screenshot to match it in your own project.
• Grab a brand color directly from a logo image displayed on screen without opening an image editor.
• Pick a color from a native desktop app (outside the browser) to reuse in a CSS or design file.
• Build a quick palette by picking several colors from a reference image and reviewing them in the history row.
• Check the exact HEX value of a UI element while reviewing a design for consistency.

Color sampling uses the browser's built-in EyeDropper API, which runs entirely on your device. No screen data is captured, sent, or stored anywhere.

• Only works in Chromium-based browsers (Chrome, Edge, Opera) — Firefox and Safari don't support the EyeDropper API.
• Color history is session-only and is cleared when the tab is closed or refreshed — nothing is saved permanently.
• Picks a single pixel's color, so it can be affected by anti-aliasing or compression artifacts at the exact point clicked.