Design & Color Tool

Color Picker from Image & Screen

Upload an image, paste an image from your clipboard, or pick a color from anywhere visible on your screen. Get HEX, RGB and HSL values and collect multiple picked colors into a reusable palette.

Pick a Color

Upload an image, paste an image with Ctrl+V, or use the screen eyedropper.

Copy an image or screenshot, click here, then press Ctrl+V

Screen picker: Not detected in this browser

Image Picker

Upload or paste an image to start picking colors.

🎨
No image loaded

Upload a picture or paste a screenshot. Your image is processed locally in the browser.

Selected Color

HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)

Picked Color Palette

0/10 colors collected.

Your picked colors will appear here.

Upload or Paste an Image

Upload a JPG, PNG, WebP or GIF, or copy an image or screenshot and paste it directly into the tool with Ctrl+V.

Pick from Your Screen

In supported desktop browsers, use the eyedropper to select a visible color from Word, PowerPoint, a PDF, another webpage or another application.

Build a Mini Palette

Keep up to 10 picked colors, copy individual HEX, RGB or HSL values, or copy the entire palette for reuse.

How to Use the Color Picker

  1. Upload an image, paste an image with Ctrl+V, or select Pick Color from Screen.
  2. For an uploaded or pasted image, click the exact point whose color you want.
  3. Review the HEX, RGB and HSL values for the selected color.
  4. Add more colors to create a small palette of up to 10 colors.
  5. Copy one value or copy the complete palette for your project.

Common Uses & Real-Life Examples

Match a PowerPoint color

Use the screen eyedropper to sample a visible color from a slide without needing the original design file.

Extract colors from a logo

Upload a logo and click its main colors to build a small brand palette for a website or report.

Recreate a dashboard theme

Pick colors from a dashboard screenshot and reuse them in a chart, presentation or reporting template.

Sample a map or infographic

Click colors in an uploaded map or infographic to identify exact HEX values for legends, classes or visual consistency.

Privacy & Browser Support

Uploaded and pasted images are processed in your browser. The screen eyedropper is activated only when you select the button and then deliberately choose a visible pixel. Screen picking depends on browser support and works best in current Chromium desktop browsers such as Chrome and Edge.