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