Лучшие онлайн-инструменты для работы с цветом: ColorCombos и COLOURlovers

Если вы ищете цветовые решения для своих дизайнерских проектов или собираетесь, наконец, сделать ремонт в собственной квартире, но при этом не слишком полагаетесь на свой вкус, то обратитесь к онлайн-приложениям, которые выберут цвета и их сочетания за вас.  В этой статье мы начнем рассказ о  лучших онлайн-инструментах для работы с цветом, которые содержат все – от готовых шаблонов цветов от профессиональных дизайнеров до возможности самим смоделировать нужные цветовые палитры.

Если говорить в целом о всевозможных сервисах, помогающих в нелегком труде дизайнера, то следует выделить несколько направлений, в которых они работают. Первое – сервисы, предлагающие шаблоны цветовых сочетаний, вы просто выбираете то, что вам подходит. Следующее направление – генераторы цвета, помогающие разделить все цвета, использованные на изображении, то есть получаете его цветовую палитру. Третья группа сайтов помогает в создании собственной палитры.  И, наконец, имеются сервисы, которые помогают определить параметры отдельно взятых цветов. Конечно, такое деление условно. На самом деле существуют отличные ресурсы, которые сочетают сразу несколько функций. Начнем с самого простого - онлайн-сервиса ColorCombos.

ColorCombos

Главная страница сайта ColorCombos

ColorCombos - заходя на этот сайт, вы попадаете в мир цвета, где каждый человек сможет найти идеальное сочетание цветов для собственного проекта. По крайней мере, именно об этом говорят его разработчики. Изначально сайт был создан для того чтобы помочь веб-дизайнерам быстро выбрать и протестировать комбинации цвета, использованные в дизайне сайта. Центральный инструмент этого сервиса – комбинированный тестер, благодаря которому вы видите, как различные сочетания цветов «работают» на странице.

Combo-тестер

Если у вас пока нет никаких задумок, то воспользуйтесь Combo Library, библиотекой, содержащей сотни образцов цвета – цветовые схемы и цветовые палитры. Под каждой цветовой схемой подписан html-код, который используется при написании кода веб-страницы. Кликнув по коду, размещенному под каждым цветом, вы переходите на страницу тестера, которая залита этим цветом. Кликнув по самой схеме, вы видите все сочетание в увеличении.

Combo Library

Combo Library весьма удобна для поиска нужных цветов. Так, к примеру, если вы знаете код нужного вам цвета, а найти его можно здесь же в библиотеке, вы значительно облегчите себе поиск цветовых шаблонов, включающих этот цвет. Введя код белого цвета FFFFFF, вы получите на выдаче 3 страницы сочетаний, в которых присутствует белый, а это около 60 схем. Конечно, так происходит не для всех цветов, для некоторых вы получите всего 1 – 2 варианта. Кликнув по выбранной схеме, вы переходите на тестовую страницу, на которой вверху есть опция Get the Link (получить ссылку), жмите туда, а затем увидите три варианта кода, которые можно скопировать для сайта, для доски объявлений и для изображения на доску объявлений.

Функция Get the Link

Еще проще найти искомое сочетание при помощи COLOR TAGS. 3 колонки по 14 тэгов на первый взгляд кажутся слишком незначительным полем поиска, но оказывается, что ColorCombos выдает разные оттенки названного цвета. Например, для красного мы получили аж 5 страниц цветовых схем, на любой вкус. Кстати, на ColorCombos можно не только пользоваться готовыми шаблонами, но и составлять свои. Делается это на странице Combo Tester. Например, у вас на странице отображается некая цветовая схема из 4 цветов. Для того чтобы добавить к ней еще один тон, нажимаете в верхней части страницы слева на зеленый крестик Add Column и вводите в поле Hex: # код выбранного цвета, он тут же появляется в правой части окна. Если сочетание вам не понравилось, нажимаете на красный крестик над колонкой цвета. Здесь же есть еще две опции, первая по порядку открывает окошко слева в верхней части страницы, в котором вы можете моделировать оттенок цвета, это практически цветовой круг, максимально расширяющий ваш выбор. Центральная стрелочка позволяет перемещать колонки цветов, устанавливая их в любом порядке. 

Работа с цветом на странице Combo Tester

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

Тэги по цветам и определение цветовой палитры сайта

Еще одна интересная возможность – узнать, какие именно цвета использовали для оформления своего детища ваши конкуренты. Для этого просто введите в строку GRAB WEBSITE COLORS урл искомого сайта и анализатор выдаст вам все тайны соперников – не только определит исходные цвета, но и их коды. Так что, при желании, вы сможете или вовсю использовать их палитру, или же, напротив, сделать свой сайт диаметрально противоположным по цвету.

COLOURlover

Следующий онлайн-инструмент, о котором хочется рассказать – COLOURlovers. Это своеобразная Мекка для профессиональных и самопальных дизайнеров. Здесь можно пребывать часами, днями и неделями. Не замечая времени и наслаждаясь чистым удовольствием от собственной и чужой игры с цветом. Чтобы рассказать о всех возможностях сайта, понадобится ну очень много слов, а редакторы этого не любят. Поэтому ограничимся перечислением хотя бы основных его возможностей.

Главная страничка сайта COLOURlovers

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

Блог COLOURlovers

Перейдя на страницу Browse (Обзор), вы можете выбрать то, что вас интересует – палитры, шаблоны или отдельные цвета. Найдя необходимое, можно скачивать его в разных форматах, в разных разрешениях, в виде HTML-кода или ZIP-архива, это уж как вам будет угодно. Вы можете поставить ссылку на избранную палитру или шаблон, разговаривая о дизайне в Твиттере, на Фейсбук и в других сервисах. Точно так же, как и на ColorCombos, анализатор цвета выдает Hex-коды каждого цвета, использованного в палитре или шаблоне, которые можно встраивать в коды собственной веб-страницы.

Работа с цветом на COLOURlovers

Простым предоставлением шаблонов COLOURlovers не ограничивается. На странице Create (Создать) вам дается возможность почувствовать себя настоящим дизайнером. Для начала следует определить, что вы хотите сделать – создать цветовую палитру, создать бесшовный паттерн или назвать цвет. Затем выбирайте один из предлагаемых инструментов – Основную палитру, Расширенную или ФотоПалитру. Основная палитра – самый простой и с первого взгляда понятный инструмент с возможностью настраивать различные сочетания цветов, закреплять за палитрой свое название и давать описание.

Палитра COLOURlovers

Расширенная палитра представлена программным решением COPASO. Это уже более сложное приложение, по своему функционалу приближающееся к ColorCombos. Здесь также можно выбирать уже существующие палитры и работать над их усовершенствованием, анализировать цвета готовых изображений и работать со всем спектром цветового круга. ФотоПалитра PHOTOCOPA – приложение для работы с фотографиями. Просто загрузите фото с любого места в сети, добавьте в галерею, чтобы использовать их в качестве вдохновения.

COLOURlovers палитра COPASO

Здесь же имеется очень интересный инструмент для работы с шаблонами, увлекательный даже для обычного пользователя. Вы открываете страничку Дизайн шаблона и начинаете творить. Вам предлагаются на выбор автофигуры, линии разного типа и толщины, вы можете увеличивать или уменьшать созданный мотив, получая различные вариации своей картинки. Если вы удовлетворились, наконец, результатом, то сохраняйте шаблон и переходите на вкладку Цвет шаблона. Здесь вам предоставляется возможность раскрасить свое детище, присвоить ему имя и оставить на радость потомкам. В общем, чудесная, увлекательнейшая вещь. Для получения общего представления обо всех инструментах для работы с цветом на сайте COLOURlovers, лучше сразу заходить на страницу Tools (Инструменты).

Шаблоны COLOURlovers

Не могу не сказать отдельно о страничке Trends (Тенденции), которая будет особенно интересна милым дамам. Все, что вы хотите знать о последних тенденциях в мире свадебной моды, веб-дизайна, печати и многого другого, вы найдете здесь. Имеется на сайте и собственный магазин, со странички которого ссылки ведут на партнеров ресурса. Здесь можно заказать ткань с выбранным рисунком, купить палитру или шаблон в виде плаката, картины, футболки.

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

Обсуждение