Универсальная бесплатная пипетка для OS X с better touch tool

  OSX, Workflow

Задача, с которой я сталкиваюсь регулярно — получить цвет элемента на веб-странице или в макете в пригодном для использования в css виде. Это можно сделать через веб-инспектор браузера, но гораздо быстрее и удобнее делать с помощью “пипетки”.

В OS X есть предустановленное приложение “Колориметр Digital Color”, но оно не позволяет получить цвет в hex формате сразу в буфер обмена. Кроме этого приложения, в системе есть встроенный color-picker, который используют различные приложения. В нём есть и история цветов, и разнообразные палитры. Не хватает только двух вещей: hex-формата и удобного способа вызывать эту пипетку когда нам нужно.

Во-первых, хочу всем рекомендовать бесплатную утилиту Better Touch Tool. Особенно тем, кто работает с трекпадом макбука или magick trackpad: она позволяет настроить огромное количество действий на жесты трекпада. Кроме того, она позволяет настраивать клавиатурные сочетания, управление окнами с помощью мыши (window snapping), увеличение скорости трекпада при зажатии кнопки (у меня fn+⌃), перемещение окон при зажатии fn и т.д. Сложно описать все возможности программы.

С помощью Better Touch Tool можно задать жест или клавиатурное сочетание для вызова стандартной пипетки:

better touch tool

Если нет желания использовать Better Touch Tool, то вызвать пипетку можно через AppleScript:

choose color

Можно даже обработать выбранный цвет, т.к. пипетка возвращает его при завершении.

Теперь осталось добавить в стандартную пипетку немного фич. Здесь в силу вступают возможности расширения всех стандартных компонентов системы OS X, пипетку они не обошли стороной. Оказывается, к ней можно устанавливать плагины.

Для веб-разработчиков будет полезен бесплатный плагин Hex Color Picker. Он позволяет скопировать цвет в hex стандартным сочетанием ⌘C. Единственный важный момент — необходимо сразу поставить у него опцию “Don’t generate calibrated colors”, иначе цвета будут определены не точно.

hex color picker

Ещё один интересный бесплатный плагин — Developer Color Picker. Он будет полезен OS X и iOS разработчикам. Hex-значения он тоже умеет копировать.

developer color picker

Таким образом по магическому движению пальцев на трекпаде у меня всегда под рукой палитра и пипетка, при этом никаких лишних программ в менюбаре. Настоящий unix-way!

Конечно, это уступает по удобству или возможностям профессиональным инструментам вроде xScope или Color Schemer Studio, но достаточно удобно для меня. И не приходится загромождать меню-бар отдельными утилитами для каждой мелочи. Я предпочитаю не использовать отдельные программы для таких мелочей как таймер или пипетка, всё можно реализовать скриптами в alfred или без него.