Converter Web ToolsConverter WebTools

Screen Color Picker (Eyedropper)

Pick any color from anywhere on your screen with the eyedropper and get its HEX, RGB and HSL values instantly.

or
HEX—
RGB—
HSL—
The “Pick color from screen” eyedropper works in Chrome and Edge — click it, then click anywhere on your screen (even outside the browser). In other browsers, use the color box to choose a color. Both show HEX, RGB and HSL.

What is Color Picker?

This is an online screen color picker with an eyedropper. Click the eyedropper, then click anywhere on your screen — even outside the browser window — to grab that exact color. It instantly shows the color's HEX, RGB and HSL codes with a live preview swatch. A standard color box is also provided for browsers without the eyedropper.

How Color Picker works

The eyedropper uses the browser's EyeDropper API, which lets you sample a pixel from anywhere on screen and returns its sRGB hex value. The tool then converts that hex into RGB and HSL with JavaScript.

Example: picking a blue pixel might return #3b82f6 → rgb(59, 130, 246) → hsl(217, 91%, 60%).

Common uses

  • Grab the exact color of any pixel on screen
  • Get HEX, RGB and HSL codes for a design
  • Match a brand or website color
  • Build a palette from an image or app

Frequently asked questions

How do I pick a color from my screen?
Click 'Pick color from screen', then click any pixel — anywhere on your display. Its HEX, RGB and HSL values appear at once.
Which browsers support the eyedropper?
The screen eyedropper works in Chrome and Edge (and Chromium browsers). In others, use the color box to choose a color.
What is the difference between HEX, RGB and HSL?
They're three ways to write the same color: HEX is a hex code like #3b82f6, RGB lists red/green/blue values, and HSL uses hue, saturation and lightness.