HEX color picker
HEX uses six hexadecimal digits, such as #5b25d5, and is widely used in CSS and design software.
Color Picker - Pick Colors from Images and Screen
Free online color picker for extracting exact colors from images or your screen. Upload, paste, or drop an image to get HEX, RGB, RGBA, and HSL values.
Drop an image here
Upload an image, drag it into this area, or paste a screenshot from your clipboard.
PNG, JPG, GIF, WebP and other browser-supported image formats
Color values
Current color
HEX
#5b25d5RGB
rgb(91, 37, 213)RGBA
rgba(91, 37, 213, 1)HSL
hsl(258, 70%, 49%)Images are processed locally in your browser and are not uploaded.
Color card
The selected color is shown below. Use the pencil to edit it or open the screen picker.
#5b25d5Stepped color palette
Choose a lighter or darker tone of the current color.
Online Image Color Picker
This color picker helps you identify a color from a photo, screenshot, design mockup, or any image. Click an exact pixel to get reusable CSS color codes, or use the browser's screen picker when supported.
Pick from any imageUpload, drag, or paste an image and sample the exact pixel you need.
Screen color pickerUse the native EyeDropper API to pick a color from anywhere on your screen.
Useful color formatsGet HEX, RGB, RGBA, and HSL values ready for CSS and design tools.
Private and localYour image stays in the browser; no upload or account is required.
How to Use the Color Picker
1
Choose a source
Enter a HEX color, choose a color directly, or use Pick from screen when supported.
2
Upload an image
Select an image, drag it into the upload area, or paste a screenshot from your clipboard.
3
Click a pixel
Click or tap the exact point in the image that you want to inspect.
4
Copy the result
Copy the HEX, RGB, RGBA, or HSL value and use it in your CSS or design project.
What Is an Image Color Picker?
An image color picker, also called an eyedropper or color sampler, reads the color of a specific pixel in an image. It is useful when you need to match a website, logo, photo, screenshot, or UI design. This online picker converts the sampled pixel into common HEX, RGB, RGBA, and HSL color codes.
HEX, RGB, RGBA, and HSL Color Codes
Different design and development tools use different color formats. The color picker shows the same sampled color in several formats so you can copy the one your project needs.
RGB and RGBA
RGB describes red, green, and blue channel values. RGBA adds transparency for layered designs.
HSL color value
HSL represents hue, saturation, and lightness, making it convenient for adjusting a color theme.
Common Uses for a Color Picker
Web design
Match a brand color from a screenshot and reuse it in CSS variables, buttons, or backgrounds.
Graphic design
Sample colors from photos, illustrations, and inspiration boards for a consistent palette.
UI development
Inspect a mockup or existing interface and reproduce its exact colors in a component library.
Accessibility checks
Copy foreground and background colors into a contrast checker to review text readability.
Color Picker FAQ
How do I pick a color from an image?
Upload, drag, or paste an image into the picker, then click the exact pixel you want. The tool shows its HEX, RGB, RGBA, and HSL values.
What is a HEX color picker?
A HEX color picker identifies a color and returns its hexadecimal CSS value, such as #5b25d5. This format is commonly used for websites and design tools.
Can I pick a color from my screen?
Yes, in browsers that support the EyeDropper API. Click Pick from screen and follow the browser's color selection prompt.
Are my images uploaded?
No. Image decoding and pixel sampling happen locally in your browser. The picker does not need an account or an image upload server.
Which color formats are supported?
The result includes HEX, RGB, RGBA, and HSL. Each value has its own copy button for quick use in CSS and design software.
Why does screen picking not work in my browser?
Screen picking depends on browser support for the EyeDropper API and a user gesture. If it is unavailable, upload an image or enter a HEX value instead.