As a designer, I often need to pull a specific color off of a web site or an image. I’ve tried a lot of different options, but this free and simple one is the best.
There is actually a built-in utility already called Digital Color Meter but it has some serious limitations: it doesn't show hex values, and there's no way to click and lock in a color value. But it does have one redeeming quality: it has a really nice icon that you can use for your own color picker. 😊
To create your own color picker app:
- Open the Script Editor app. (It’s in the Utilities folder; or just press Cmd Space and type the name)
- Cmd N to create a new document
- Type choose color in the script editor window
- Click Export in the File menu
- Type color picker (or really whatever you want to call it) in the name field
- Choose Application as the file format
- Click Save
That’s it. You now have a basic color picker app. To get to the hex values, click the color sliders (the second tab) and choose RGB in the drop down. If you want a better icon for it:
- Navigate to the Digital Color Meter app and click to select it (It’s in the Utilities folder)
- Cmd I to bring up the Get Info window
- Click on the icon in the upper-left of the window
- Cmd C to copy
- Close the Get Info window
- Navigate to your color picker app and click to select it
- Cmd I to bring up the Get Info window
- Click on the icon in the upper-left of the window
- Cmd P to paste
- Close the Get Info window
Comments