Eyedropper Color Picker

Summary

Upload an image, click any pixel to instantly get its HEX, RGB, HSL, HSV, and closest CSS named color. Or use the browser EyeDropper API to sample any color on your screen.

How it works

1. Upload an image by dragging and dropping it onto the upload area, or click "Choose Image" to browse.
2. Click anywhere on the displayed image to sample that pixel's color.
3. View the HEX, RGB, HSL, HSV, and closest CSS named color in the results panel.
4. Click any "Copy" button to copy the color value to your clipboard.
5. Optionally click "Pick from Screen" (Chrome/Edge) to sample a color from anywhere on your screen.

Use cases

• Extract brand colors from a logo or screenshot for use in CSS
• Match paint or fabric colors from a product photo to the nearest CSS name
• Sample colors from design mockups before they are exported to code

Frequently Asked Questions