Step by step
- Open this page in Chrome or Edge on your Mac, or drop an image into the tool.
- Click “Pick from screen” to sample any pixel outside the browser, or click directly on your uploaded image.
- Copy the HEX, RGB, or HSL code shown for the selected color.
At a glance
| Method | Best for | Output |
|---|---|---|
| Utilorca in Chrome or Edge | Quick HEX, RGB, HSL from screen or image | HEX, RGB, HSL |
| Digital Color Meter | Built-in macOS sampling in any app | RGB values |
| Image upload on this page | Finding main colors of a photo | HEX, RGB, HSL + palette |
Where to find it on your device
- macOS built-in tool: Applications > Utilities > Digital Color Meter
Related questions
How do I use the macOS color picker from the screen?
In Chrome or Edge on your Mac, click “Pick from screen” in the tool above and click anywhere on your display. For Safari or offline use, open Digital Color Meter from Applications > Utilities.
Does Safari support “Pick from screen”?
No, the screen-picking button works in Chrome and Edge on computers. In Safari on a Mac, you can still drop an image into the tool or use Digital Color Meter.
Can I get a HEX code from Digital Color Meter?
Digital Color Meter shows RGB values by default. You can use the tool on this page to get the HEX code directly without converting.
More questions: color picker
- How to Pick a Color From an Image
- How to Pick a Color From Your Screen
- What Is a Color Picker?
- How to Get HEX, RGB, and HSL Color Codes
- How to Pick a Color for HTML and CSS
- How to Use a Color Picker on Windows
- How to Use a Color Picker for Canva
- How to Color Pick in Photoshop
- How to Get a Color Palette from an Image
- How to Use a Color Picker in Word and Excel
- How to Use the Color Picker in MS Paint
- How to Pick a Color From an Image on iPhone and Android
Updated November 14, 2026.