Tools Guides
Design Free No signup

Eye Dropper / Screen Color Picker

Pick any color from your screen and instantly see it in HEX, RGB, HSL, and CMYK formats.

Loading tool…

About this tool

Use the browser's EyeDropper API to sample any color visible on your screen — including outside the browser window. The picked color is displayed in HEX, RGB, HSL, and CMYK formats; click any value to copy it to your clipboard. Your last 10 picked colors are saved as swatches in localStorage for quick reuse.

How to use

  1. 1 Click the 'Pick Color' button to activate the eyedropper cursor.
  2. 2 Click anywhere on your screen to sample that color.
  3. 3 View the color displayed in HEX, RGB, HSL, and CMYK formats.
  4. 4 Click any format value to copy it to your clipboard.

Frequently Asked Questions

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}