How do I pick a color from my screen?

Click the eyedropper button; using the browser EyeDropper API you can sample any pixel on screen and instantly get its HEX, RGB, and HSL values.

Which browsers support the screen picker?

The EyeDropper API works in current Chrome, Edge, and other Chromium-based browsers. Where it's unavailable the button is hidden.

Can I pick a color from outside the browser?

Yes — the eyedropper can sample anywhere on your screen, including other apps and images, not just the current web page.

EyeDropper API not supported in this browser. Use Chrome 95+ or Edge 95+. Try the native color picker below or enter a HEX value directly.

#1F3FD9

System Picker

Color Info

Click any value to copy it

Quick Send

Apply the picked color to the current project and navigate directly — no copy-paste needed

About Screen Color Picker

Pick any color from your screen with the browser EyeDropper API. Get HEX, RGB, and HSL values instantly. Apply directly to your project palette. Chrome and Edge only. Built on the browser's native EyeDropper API, it can sample any pixel on your screen — not just content within this page.

Handy for quickly sampling a color from another app, an image, or someone else's design file — the result plugs straight into your current project palette.

Common questions

How do I pick a color from my screen? Click the eyedropper button; using the browser EyeDropper API you can sample any pixel on screen and instantly get its HEX, RGB, and HSL values.
Which browsers support the screen picker? The EyeDropper API works in current Chrome, Edge, and other Chromium-based browsers. Where it's unavailable the button is hidden.
Can I pick a color from outside the browser? Yes — the eyedropper can sample anywhere on your screen, including other apps and images, not just the current web page.