Сервисы для подбора цветовой схемы сайта [Обновлено: Апрель’18]

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

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

Adobe Color CC

adobecolorcc

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

ColourMod

Современный бесплатный виджет, работающий как на Mac OS, так и других популярных операционных системах. С его помощью вы сможете очень просто выбрать в определенной зоне необходимый цвет, вне зависимости от того, работаете вы на MacBook с программой Dashboard или на Windows с использованием Konfabulator.

ColorDot

colordot

Очень удобный и довольно простой простой сервис подбора правильной цветовой палитры для вашего сайта. Позволяет добиться приличных результатов.

ColorZilla

Приложение для работы в Firefox и Chrome. Расширение, которое позволяет работать с цветом при помощи массы различных инструментов, таких как выбор цвета, пипетка, создание градиента CSS, просмотр палитры и другие.

ColorScheme.ru

colorschemeru

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

ColoRotate

С помощью этого приложения вы сможете быстро рассмотреть многоаспектный характер цветов и соотношения между ними. Вся цветовая палитра представлена в 3D. Кроме того, созданные вами палитры можно импортировать или экспортировать в Adobe Swatch Exchange (ASE). На сайте ColoRotatе организовано свое сообщество, где можно ознакомиться с темами, созданными другими пользователями.

CORLD

corld

Целая галерея цветов и цветовых схем. Здесь также представлены изображения, которые разобраны по цветам.

Web Colour Data

web_colour_data

Сервис для составления целой палитры цветов для сайта и социальных сетей.

COLOURlovers

Онлайн-сервис, который поможет вам не только с легкостью найти цветовые палитры, а и взаимодействовать с другими пользователями, обсуждая темы, связанные с цветом. Также есть блог с полезными и интересными статьями про цвет.

Copaso

Еще один мощный онлайн-сервис от COLOURlovers, который поможет подобрать цветовые схемы. Есть возможность загружать фотографии и раскладывать их на цветовые пиксели для того, чтобы взять образцы цвета. Готовые темы можно сохранить в удобном для вас формате. Кроме того, к созданным вами палитрам можно присваивать мета-данные (ключевые слова), что значительно упрощает поиск и организацию работы.

Color Blender

Бесплатный онлайн-сервис, благодаря которому можно создать и сохранить гармоничные цветовые сочетания в автоматическом и ручном режиме. Три ползунка HSV или RGB помогут автоматически получить гармоничное сочетание из шести оттенков, которые после можно настроить в соответствии с собственными предпочтениями. Кроме того, все цвета представляются в виде разноцветного HTML и RGB кода, и могут быстро экспортироваться в цветовые таблицы в Illustrator (.EPS) и Photoshop (.ACT). Есть функция сравнения цвета со стандартным понтонным. Вы можете сохранить собственные палитры прямо на сайте, задав им удобные для вас имена. Зарегистрированные пользователи также могут пользоваться готовыми палитрами, которых достаточно много.

LOL Colors

lol

65 четырехцветных палитр и рейтинг наиболее популярных из них.

Color Explorer

Простой и понятный в работе интерфейс. Есть встроенная библиотека цветов, а еще возможность создавать собственные. Грамотно реализованный функционал поможет быстро управлять сервисом.

ColorMunki

В ColorMunki цвета можно найти во встроенной библиотеке, а также при помощи ключевых слов.

COTW

cotw

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

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

1 комментарий

  1. Спасибо за обзор, скрины и ссылки!

    Просьба следующим сделать обзор инструментов css-рестайлинга сайта. То есть какие решения сегодня существуют – неважно онлайновые они или в форме самостоятельных приложений.

    Краткое определение css-рестайлинга: изменение внешнего вида сайта за счет переделки стилевых файлов (+ фоновых картинок), не затрагивая притом исходную html-верстку.

    Грубо говоря, есть некий сайт с версткой В1 и чтобы к этой верстке можно было “нарисовать” несколько стилей С1, С2, С3 и так далее. Сочетая верстку В1 с каким-либо из стилей, получаем изменение не только цветовой гаммы сайта, но и внешнего вида менюшек, текстовых заголовоков, блоков контента, панелей и так далее, а также их взаимного расположения на странице.

    В1 + С1 = сайт выглядит так
    В1 + С2 = сайт выглядит иначе
    В1 + С3 = сайт выглядит совсем по-другому

    Интересен обзор рандом генераторов css – указываем генератору исходную страницу, он случайным образом пытается сгенерировать другой стиль для исходной html-верстки.

    Интересен также обзор решений по css-клипартам – возможность извлекать из некоторой веб страницы веточку css-правил точно от понравившегося div-контейнера (панельки, менюшки и т.д.), исключая css-правила, которые не относятся к этому контейнеру.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>