Sample color from a picture using the OS X Color Picker

OS X Color Picker panel is a standard user interface (UI) component that is utilised by Mac apps to present color options. You use it to set the color for text font, paint tool etc from within editors such as TextEdit, Pixelmator and Sketch.

The Color Picker is packed full of powerful features that allows novice and designer alike to pick the right color. One feature that is often overlooked is the ability to sample color from photo right within the picker.

OS X Color Picker is a UI component thus is launched from within an app. To illustrate, lets access the picker from TextEdit.

Sample color from a picture using the OS X Color Picker TextEdit

From any TextEdit document, click on the font color button on the toolbar, and then click the Show Colors… button. A standalone Color Picker window will appear.

Sample color from a picture using the OS X Color Picker The Picker

Click on the image tab and drag-and-drop a picture to the middle area. 

Sample color from a picture using the OS X Color Picker Drop Picture

You can now sample color from the picture that you just dropped into the picker.