Как лучше пиздить цвета?
PositronumСегодня нашел на одном дизайнерском канале пост про то, как юзать встроенный во все браузеры на движке Chrome колор-пикер. И тут мне захотелось разобраться, действительно ли это полезный лайфхак, и, если нет, то какие есть альтернативы, потому что пиздить цвета с чужих сайтов – неотъемлемая дизайнерская обязанность.
Начнем непосредственно с сабжа:
Хромированная пипетка
По шагам:
- Переходим в консоль разработчика (Ctrl+Shift+I/Cmd+Opt+I);
- В основной вкладке (Elements) есть окошко со стилями (Styles);
- Добавляем стиль в любой из классов – дописываем в фигурные скобки "color: violet" (без кавычек, а вместо "violet" можно напечатать или выбрать из списка название любого другого цвета);
- Тыкаем на иконку цвета;
- Появляется окошечко колор-пика и долгожданная пипетка вместо курсора.
В этом самом окошечке, собственно, пикнутый с сайта цвет сохраняется, после чего можно вытянуть его в любой удобной форме (HEX, RGBA, HSLA).
Преимущества:
-Хороший зум;
-Точный пикер, потому что работает на движке браузера;
-Удобный широкий курсор пика с клеточками, легко найти нужный пиксель.
Недостатки:
-Запускается через жопу;
-На тяжелых сайтах у слабоватых или загруженных компов консолька может открываться целую вечность;
-Неудобно сохранять значения разделенных на каналы цветов – копируются они по-одному;
-Работает только внутри браузера.
Цветной полицейский
или Color Cop – одна из самых известных и популярных пипеточных прог (по мнению поисковика Google). Остальные, если верить слухам, сделаны по ее подобию.
Преимущества:
-Работает по всей ОС;
-Есть возможность приближаться и отдаляться от объекта наблюдения внутри небольшого окошка;
-Подбирает к цвету подходящие сочетания;
-Зачем-то кроме пипетки есть лупа, которая работает так же, но не пикает цвет – зачем это нужно? Не знаю, но пусть будет преимуществом.
Недостатки:
-Пипетка собирает цвет только пока держишь зажатой ЛКМ;
-Получившийся цвет можно вывести только в RGB;
-Очень хуево работает составленная из пикнутых цветов палитра (если это вообще она, я так и не вдуплил, потому что некоторые цвета появлялись рандомно);
-На новых системах все происходит немного тормознуто.
Старый дедовский
через скриншот и последующий паст в редактор. Правда, я не делаю снимок всего экрана, а выделяю нужную область или даже несколько пикселей с помощью ShareX.
Преимущества:
-Работает по всей ОС (еще бы);
-Со скрином потом можно работать, так что не придется пикать другие цвета и тратить на это лишнее время – огромнейший плюс;
-Курсор у ShareX еще больше, чем в Хромовском пикере, так что точно не упустишь нужный пиксель.
Недостатки:
-Ну, это немного костыльно, потому что колор-пика тут как такового и нет.
Вывод
Сравнив точность выбора цвета со скриншота и через браузерный пикер, я сделал вывод, что никакой разницы нет, и дело только в удобстве.
Таким образом,
-Посоветовать способ через консольку я могу только отбитым веберам или кому-нибудь, кто любит копаться в подобных дебрях, когда времени навалом;
-Сторонние программы в большинстве своем – полнейший шлак, пользоваться которыми неудобно и неразумно.
Так что, если ты уважаешь свое время и не любишь делать одно и то же дело дважды, самым оптимальным для тебя будет метод твоего дедушки:
- Скриншоть
- Вставляй в ФШ
- Пизди цвет фотошопной пипеткой
- ???
- Profit!