ColorMania — палитра цветов с пипеткой. Инструменты веб-дизайнера #3

Веб-дизайн

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

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

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

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

poisk-cveta

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

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

Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс "Идеальный сайт на Wordpress" и "Лендинг в Elementor", где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Подробнее читайте по ссылке.

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

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

skachat-color

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

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

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

Заказать сайт
Поделитесь в соцсетях? Благодарю ✌
Илья Чигарев

Привет. Меня зовут Илья и я автор блога. Люблю путешествия, веб-дизайн и компьютерные игры. Всегда рад новым знакомствам. Веду блог, где рассказываю все секреты и фишки, которые мне принесли результат в онлайн маркетинге.

Оцените автора
( 1 оценка, среднее 5 из 5 )
Добавить комментарий

Отправляя данную форму вы соглашаетесь с политикой конфиденциальности сайта

Получите крутые бонусы бесплатно!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: