Мы продолжаем рубрику «Инструменты для веб-дизайнера». Следующий инструмент – это программа ColorMania. Она устанавливается на компьютер, не онлайн. Задача у нее простая – определять какой используется цвет на сайте, и представлять его в цветовом коде, который мы потом можем использовать в программах, где он используется, например Photoshop или AdobeMuse, и т.д.

Видеоверсия статьи

Как пользоваться ColorMania?

Давайте посмотрим на принцип действия. Мы ее открываем: появляется вот такое окошко, и мне, например, понравилась цветовая гамма данного сайта: я открываю окошко поверх данного сайта, зажимаю пипетку левой кнопкой мышки, держу и направляю на нужный мне сайт. Он появляется в квадратике «превью цвета».

poisk-cveta
Я просто отпускаю курсор, и мы видим данный цвет и его код. Я просто его копирую, нажимаю Ctrl+C или на правую кнопку “копировать», перехожу, например, в AdobeMuse, где я часто пользуюсь таким методом. Создаю новый цвет, добавляю код и нажимаю Ok, и мы видим, что данный цвет появляется у нас в программе.

В основном, для этой задачи я пользуюсь программой ColorMania. В основном ей пользуются те, кто работает с дизайном, т.е. баннеры рисуют и т.д. По такому принципу можно привносить понравившуюся цветовую схему в ваши проекты.

Где скачать ColorMania?

Где взять эту программу: пишем в Яндексе «ColorMania – скачать на русском официальный сайт». Я скачивал на сайте – blacksunsoftware.com. Здесь нажимаем кнопку – Download now, т.е. скачать сейчас и начинает скачиваться установочный файл программы. Вы его открываете, стандартная установка проходит, и она у вас появляется на Рабочем столе.

skachat-color
В программе мы также видим, что можно увеличивать Zoom, например, если какой-то элемент очень маленький. Мы увеличили zoom, и теперь намного больше увеличивается размер превью, чтобы выбрать цвет даже самой маленькой детали. Например, мы хотим захватить цвет кнопки активной, и с помощью увеличенного зума мы это сделали без проблем. Также здесь можно редактировать цвета, но основная задача это копировать понравившийся цвет в коде, чтобы использовать в своих проектах.

Думаю у вас теперь не будет проблем с тем, как определить цвет на сайте. Успехов.

 

Скачайте чек-лист
по cозданию сайта
на WordPress

ЧТОБЫ ПОЛУЧИТЬ ЧЕК-ЛИСТ ВВЕДИТЕ
СВОЁ ИМЯ И ЕМЕЙЛ В ФОРМУ НИЖЕ
И ПОДТВЕРДИТЕ ПОДПИСКУ НА ПОЧТЕ

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Отправить