Home » Image & Design » Screen Color Picker

Screen Color Picker

Sample any color you see on your screen — from a website, app or image — using the built-in eyedropper. The picked hex and RGB values are ready to copy.

Click the button, then click anywhere on your screen.
Needs the EyeDropper tool built into Chrome and Edge. If your browser does not support it, use the Image Color Picker tool on this site instead.

How to use

  1. Click Pick a color from screen.
  2. Click anywhere on your screen.
  3. Copy the hex value shown.

Related tools

🔳

QR Code Generator

Create QR codes for any link or text and download them as images.

🖼️

CSS Gradient Generator

Design CSS gradients live and copy the ready-to-use code.

💻

CSS Box Shadow Generator

Design CSS box shadows with live preview.

💻

CSS Border Radius Generator

Design rounded corners with live preview.