Сервисы для подбора цветовой схемы сайта

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

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

Color Schemer

Многофункциональное современное приложение для стационарных компьютеров и МАСбуков, предназначенное для создания цветовых схем и подбора палитры. Обладает широкими возможностями, сочетая в себе простоту работы онлайн-сервисами и мощность стационарных программ. Стоимость составляет $49,99.

ColourMod

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

ColorBurn

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

ColorZilla

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

Swatch

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

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

ColoRotate

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

Kuler

Этот flash-сервис от Adobe позволит создать и просмотреть ваши цветовые палитры, а также палитры других пользователей и обсудить их на форуме. Он представляет собой цветовой микшер с широким функционалом и возможностями. Установлены дополнительные фильтры, поддерживаются различные форматы изображений. Кроме того, сервис совместим с многими приложениями из Creative Suite.

Color Scheme Designer

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

COLOURlovers

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

Copaso

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

Color Blender

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

Toucan

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

Color Explorer

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

ColorMunki

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

Color Wizard

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

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

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>