Мы продолжаем рубрику «Инструменты для веб-дизайнера». Следующий инструмент — это программа ColorMania. Она устанавливается на компьютер, не онлайн. Задача у нее простая – определять какой используется цвет на сайте, и представлять его в цветовом коде, который мы потом можем использовать в программах, где он используется, например Photoshop или AdobeMuse, и т.д.
Видеоверсия статьи
Как пользоваться ColorMania?
Давайте посмотрим на принцип действия. Мы ее открываем: появляется вот такое окошко, и мне, например, понравилась цветовая гамма данного сайта: я открываю окошко поверх данного сайта, зажимаю пипетку левой кнопкой мышки, держу и направляю на нужный мне сайт. Он появляется в квадратике «превью цвета».
Я просто отпускаю курсор, и мы видим данный цвет и его код. Я просто его копирую, нажимаю Ctrl+C или на правую кнопку “копировать», перехожу, например, в AdobeMuse, где я часто пользуюсь таким методом. Создаю новый цвет, добавляю код и нажимаю Ok, и мы видим, что данный цвет появляется у нас в программе.
В основном, для этой задачи я пользуюсь программой ColorMania. В основном ей пользуются те, кто работает с дизайном, т.е. баннеры рисуют и т.д. По такому принципу можно привносить понравившуюся цветовую схему в ваши проекты.
Где скачать ColorMania?
Где взять эту программу: пишем в Яндексе «ColorMania — скачать на русском официальный сайт». Я скачивал на сайте – blacksunsoftware.com. Здесь нажимаем кнопку – Download now, т.е. скачать сейчас и начинает скачиваться установочный файл программы. Вы его открываете, стандартная установка проходит, и она у вас появляется на Рабочем столе.
ЕСЛИ ВАМ НУЖЕН САЙТ, ТО...
Я могу его сделать для вас. Меня зовут Илья - являюсь автором блога, занимаюсь разработкой сайтов на Wordpress более 10-ти лет. Специализируюсь на форматах: блог, лендинг, сайт-визитка, корпоративный сайт.
В портфолио найдете мои работы, а детали по разработке читайте по ссылке.
В программе мы также видим, что можно увеличивать Zoom, например, если какой-то элемент очень маленький. Мы увеличили zoom, и теперь намного больше увеличивается размер превью, чтобы выбрать цвет даже самой маленькой детали.
Например, мы хотим захватить цвет кнопки активной, и с помощью увеличенного зума мы это сделали без проблем. Также здесь можно редактировать цвета, но основная задача это копировать понравившийся цвет в коде, чтобы использовать в своих проектах.
Думаю у вас теперь не будет проблем с тем, как определить цвет на сайте. Успехов.
Добавляйтесь в мой телеграм. Там больше советов про сайты, заработок, фриланс. И можем лично пообщаться.
