Color picker для mac os

Стандартный Color Picker для веб-дизайнера

Любой веб-дизайнер трудящийся на Маке не раз сталкивался с проблемой получения цвета напрямую с экрана или из окна браузера. Существует множество способов это сделать, например панель Web Developer в Safari или целая армия всеразличных «экранных линеек» от сторонних разработчиков.

Проще всего эту задачу решает самое обыкновенное окно выбора цвета, которое есть на маке изначально.

Что есть изначально?

Колор пикер умеет брать цвет экрана, достаточно нажать на кнопку с изображением лупы в левом верхнем углу каждого таба. Он позволяет удобно выбирать цвета, поддерживает CMYK, RGB и HSB и т.п. Вобщем, функционал вполне достаточный.

Не хватает только hex значений. Для этого надобно установить плагин. Их существует довольно-таки много, но методом проб и ошибок я выбрал один, наиболее удобный именно для веб-дизайна: Hex Color Picker от Waffle Software. Во-первых, он бесплатен и во-вторых его интерфейс был самым наглядным и понятным, что важно при быстрой работе с окнами.

Вот какие еще плагины для Color Picker’а мне удалось найти:
Old Jewel Software — Painter’s Picker (платный, $20)
Chromatic Bytes — Shades (платный, $18)
Lithoglyph — Mondrianum 2 (бесплатный, интегрируется с Adobe kuler)
Tangerine (аж $40 хотят)
Developer Color Picker (бесплатный, судя по адресу сайта от создателей Transmit и Coda)

Установка плагина для Color Picker

Скачать Hex Color Picker можно здесь.

Плагин для Color Picker, представляет из себя бандл с расширением .colorpicker. Все плагины сосредоточены в укромном месте в директории пользователя:

/Library/ColorPickers/

Достаточно распаковать скачанный архив и затащить файл HexColorPicker.colorPicker туда. После этого перезапускаем открытые приложения, пробуем выбрать цвет и видим еще одну вкладку в окне выбора цвета. Теперь hex’совое значение будет доступно в любой аппликации.

По началу я столкнулся c некоторыми проблемами — схваченные с экрана цвета не соответствовали, тем что были заданы в CSS. Решение было простым и нашлось в настройках плагина.

Оказалось, что нужно отключить получение калиброванных цветов.

LittlePicker для хабрачеловека

Нарадовавшись удобству нового цветохватателя, обнаружил, что еще одна проблема не решена: как же быстро получить доступ к панели цветов? Держать для этого постоянно открытый TextEdit как-то не удобно. Поискал в Сети — подходящего решения не нашел. И, как обычно, на экране запрыгал значок XCode — стал писать свое.

Назвал просто — LittlePicker.

Чтобы счастье было полным, color picker можно вызывать по горячей клавише F6. Я добавил его в Startup Items и теперь цвет любой точки экрана доступен сразу же после загрузки Мака. Работает на Mac OS X 10.5 и выше.

Мне существующего функционала пока хватает. Но, если у хабрасообщества есть идеи/предложения что добавить или изменить в LittlePicker, с удовольствием их реализую.

Что дальше?

Для любознательных есть потрясающий подробный мануал на английском языке — The Macintosh OS X Color Picker от Робина Гуда Робина Вуда. Расписано буквально все.

UPD: В комментариях высказались в пользу еще одного способа забора цвета с экрана существующего Mac OS X. Приложение называется DigitalColor Meter.

Источник

Color Picker 4+

Patrik Tomas Chamelo

Screenshots

Description

Color Picker, the utility application, designed for all Cocoa developers and application designers. An efficient color picker, for professionals, who care about optimizing their workflow and speed up their process.

With Color Picker, you can choose any color from everywhere on your screen using the magnifier and selecting your desired pixel. Then a preview of the color, its Hexadecimal, RGB value, NSColor and UIColor is displayed.
You can copy the code with a single click, drag ‘n drop or use the new shortcuts to paste it into your source code.

Color Picker has now become even better.

— With the new Menubar option, you can quickly access your recently copied or recently saved colors.
— Drag and drop your code from the application to any program you are working on. (e.g. Xcode)

Additionally, the app can read any HEX or RGB values that you might type and show you the corresponding color and code.

Last but not least, Color Picker gets you out of trouble remembering the colors you used, as it contains a library, where you can store the colors for any use in the future, simply by dragging the preview box to the library.

Especially for developers is now given the chance of Zero suppression, where they can remove redundant zeroes from the float numbers, as well as appending a semicolon in the source code.

Источник

Color Picker 4+

Patrik Tomas Chamelo

Снимки экрана

Описание

Color Picker, the utility application, designed for all Cocoa developers and application designers. An efficient color picker, for professionals, who care about optimizing their workflow and speed up their process.

With Color Picker, you can choose any color from everywhere on your screen using the magnifier and selecting your desired pixel. Then a preview of the color, its Hexadecimal, RGB value, NSColor and UIColor is displayed.
You can copy the code with a single click, drag ‘n drop or use the new shortcuts to paste it into your source code.

Color Picker has now become even better.

— With the new Menubar option, you can quickly access your recently copied or recently saved colors.
— Drag and drop your code from the application to any program you are working on. (e.g. Xcode)

Additionally, the app can read any HEX or RGB values that you might type and show you the corresponding color and code.

Last but not least, Color Picker gets you out of trouble remembering the colors you used, as it contains a library, where you can store the colors for any use in the future, simply by dragging the preview box to the library.

Especially for developers is now given the chance of Zero suppression, where they can remove redundant zeroes from the float numbers, as well as appending a semicolon in the source code.

Источник

Color Picker C1 4+

NUTRACTOR

Снимки экрана

Описание

This is a HUE-style color picker.

・You can set a dominant color and then design a color scheme using complementary and other colors.
・Both RGB and CMYK color spaces are available for use.
・The color meter can capture colors from media such as photographs.
・Color schemes can be saved in a library.
・Color data can be copied as a command to the clipboard for pasting into source code.
・You can also input color data values.

Что нового

— Support macOS 11.

Конфиденциальность приложения

Разработчик NUTRACTOR указал, что в соответствии с политикой конфиденциальности приложения данные могут обрабатываться так, как описано ниже. Подробные сведения доступны в политике конфиденциальности разработчика.

Сбор данных не ведется

Разработчик не ведет сбор данных в этом приложении.

Конфиденциальные данные могут использоваться по-разному в зависимости от вашего возраста, используемых возможностей или других факторов. Подробнее

Источник

Drop — Color Picker 4+

Christain Billings

Screenshots

Description

Drop is a delightful little color picker for developers and designers.

Pick a color and it will be copied in your preferred format. It’s that easy.

> Zooming Picker
Picking a one pixel border? No worries! You can freely zoom the picker in and out with your scroll wheel or trackpad.

> Accurate
Most color pickers (including Apple’s) don’t pick the exact color value because of reasons that we have to understand but you don’t. Drop lets you pick the exact color by switching the color profile associated with the app you are picking from.

> Dark Mode
For all those fans of the dark side, we got you covered.

> Dock, Menu Bar, or Both
Some like their apps running in their dock, some like to run them in their menu bar. We got both covered. Right click the menu bar icon anytime to bring up the app.

> Touch Bar
That’s right, get quick access to all your colors right from your fancy new Touch Bar. It’s the most convenient way to have quick access to your colors. Ever.

> Just the formats you use
Quickly switch between the common formats you are actually going to need your colors copied into: HEX, RGB, Swift UIColor, Swift NSColor, Objective-C UIColor, and Objective-C NSColor.

> Palette
Save colors for later in your color palette.

> Delight
This app was built with more TLC than you can even imagine. It’s those little details that make all the difference.

Источник