01
Click on an uploaded logo
Clicking the circle of an uploaded logo returns #E76249 — rgb(231, 98, 73) and hsl(9, 77%, 60%) — each with its own Copy button.
Color Picker
Designer ToolsPick colors from your screen or any image and get HEX, RGB and HSL codes — free color picker.
"Pick from screen" uses your browser's built-in eyedropper (Chrome/Edge) to sample any pixel on your screen, even outside this page.
Or upload an image and click on it with the dropper
Upload an image above, then click a point on it with the dropper to sample its colour.
Picked colour
Use the eyedropper or click a point on your image to see its colour here.
About
About the Color Picker
Samples a color two ways: use your browser's built-in eyedropper to pick any pixel on your entire screen (Chrome and Edge), or upload an image and click directly on it. Either way, you get the exact color's HEX, RGB and HSL values.
Designers use it to grab an exact color from a screenshot, mockup or reference photo, while developers use it to pick a color straight off a live webpage using the eyedropper. It's one of many free designer tools on Toolapt, and like every tool here, it's free to use with no sign-up and no limit on how many times you run it.
Examples
Color Picker examples
3 worked examples
02
A colour from a photo
Clicking an orange tulip petal in a 1600 × 1067 photo returns #F39A23, or rgb(243, 154, 35).
03
Matching a brand colour
Clicking the coral button in the header of a website screenshot returns #E2553F — rgb(226, 85, 63) — the exact brand colour to reuse in CSS.
Related tools
FAQ
Frequently asked questions
Quick answers to common questions about the Color Picker.
What does the Color Picker do?
It samples a color either from anywhere on your screen using your browser's eyedropper, or from a point you click on an uploaded image, and shows its HEX, RGB and HSL values.
Is the Color Picker free to use?
Yes. It's free, with no sign-up, no watermark and no limit on how many times you use it.
Is my image safe when I use this tool?
Yes. An uploaded image is processed entirely on your own device — nothing is sent to a server. The "Pick from screen" eyedropper is a browser feature that runs at the operating-system level and never involves uploading anything either.
Why doesn't "Pick from screen" work in my browser?
The eyedropper feature is currently supported in Chrome and Edge. In other browsers, upload an image instead and click directly on it to sample a color.
Can I sample a color from outside this webpage?
Yes, that's exactly what "Pick from screen" is for — after clicking it, your cursor becomes an eyedropper that can sample any pixel anywhere on your screen, not just on this page.
What color formats does it show?
HEX (like #3b82f6), RGB and HSL, so you can copy whichever format the tool or code you're working with needs.
Can I use the Color Picker on my phone?
The image click-to-sample mode works on mobile. The "Pick from screen" eyedropper currently depends on desktop Chrome or Edge.
Does the Color Picker have any limitations?
It samples a single point at a time; it doesn't extract a whole palette from an image automatically — for that, use the separate Image Palette Extractor on this site.