Один из самых важных факторов при создании уникального и узнаваемого дизайна - цвет. Грамотный выбор цветовой схемы может определить успех или провал сайта. Когда посетитель бросает первый взгляд на веб-страницу, то выбранные вами цвета посылают ему мгновенное сообщение об этой странице. К счастью, существует много инструментов, которые помогут выбрать правильную цветовую схему. Вот пять лучших из них.
1. Kuler
Kuler от компании Adobe давно признан лучшим помощником профессионального веб-дизайнера. В отличие от конкурентов, здесь есть обширное коммьюнити и можно делиться созданными палитрами или брать чужие цветовые схемы и модифицировать под свои нужды. Для общения в сообществе нужно зарегистрироваться и получить Adobe ID. Цвета в Kuler представляются в различных форматах, включая RGB, CMYK, LAB и HSV.
Вдохновение может возникнуть под влиянием самого неожиданного повода. Например, вы можете наткнуться на красивую фотографию с привлекательной цветовой гаммой. Этот генератор цветовой палитры создан как раз для обработки таких фотографий. Загружаете файлы в форматах JPG или PNG - и получаете подробную раскладку по ключевым цветам. Независимо от того, какую реакцию вы пытаетесь вызвать у ваших посетителей, генератор цветовой палитры поможет создать уникальный внешний вид для любого веб-сайта.
Отдельные цвета никогда не висят в вакууме, и каждый оттенок воздействует на окружающие. Инструмент Contrast-A применяет сугубо технический подход к конфигурации палитры, предоставляя подробную информацию о соотношение канала яркости (Luminance Ratio) и отличиях в яркости и цвете. Это идеальный инструмент, если нужно создать минималистский сайт с небольшим количеством цветов, которые дополняют друг друга.
Этот популярный плагин для Firefox позволяет прямо в браузере определить значения отдельных цветов и измерить разницу между ними. Есть «браузер цветовых схем» для выбора отдельных цветов из заранее подобранных наборов. Простой в использовании и чрезвычайно многофункциональный, плагин ColorZilla - словно швейцарский армейский нож среди расширений браузера для веб-дизайнеров и художников.
В отличие от большинства других генераторов цветовых схем типа «цветового колеса», Colorotate показывает палитру на трёхмерном конусе. Как и Kuler, пользователи могут сохранять и редактировать свои цветовые схемы, а также просматривать палитры, сделанные другими дизайнерами. Инструмент интегрирован с популярными дизайнерскими программами Adobe Fireworks и Photoshop.
Когда речь идёт об эффективном веб-дизайне, то говорят об интуитивном пользовательском интерфейсе и макетах, однако цветовые схемы имеют такое же большое значение, а то и бóльшее. Перечисленные здесь инструменты должны направить вас в верном направлении, чтобы выбрать отличную цветовую палитру для сайта с первой попытки. В интернете можно найти и другие полезные инструменты, но именно с этих вы можете начать подбор идеального арсенала, который соответствует вашему персональному стилю. Удачи и счастливого дизайна!
Выбор цветовой схемы для сайта является одним из важных моментов в процессе дизайна. Подбор сочетания цветов - достаточно сложный и творческий процесс. К счастью, существует достаточно много сервисов, которые могут оказать существенную поддержку для правильного выбора.
Некоторые ресурсы, упомянутые в данном обзоре, предоставляют возможность выбора из большого количества уже готовых цветовых схем, а другие позволяют в интерактивном режиме построить собственную схему.
Kuler
Adobe Kuler содержит большую библиотеку готовых цветовых схем. Вы можете просмотреть схему онлайн и загрузить ее для использования в продуктах серии Adobe Creative Suite.
Colour Lovers в текущий момент имеет почти 2 миллиона созданных пользователями цветовых схем. Вы можете просматривать их, сортируя по дате, рейтингу, количеству просмотров.
ColoRotate имеет библиотеку готовых цветовых схем. Также вы можете создать свою собственную схему с помощью уникального 3D инструмента. Цветовую схему можно использовать напрямую в Photoshop и Fireworks с помощью плагина ColoRotate .
Color Scheme Designer позволяет выбрать тип цветовой схемы (моно, комплиментарную, триада, тетрада, аналоговая). Затем можно будет настроить цвета и посмотреть действие схемы на примере.
ColorSchemer Gallery
ColorSchemer располагает большой библиотекой созданной пользователями цветовых схем. Вы можете сортировать их по дате размещения, рейтингу или количеству загрузок.
Выбор цветовой палитры для оформления сайта — ответственная и непростая задача. Если вы решили заняться оформлением своего проекта самостоятельно и при этом не являетесь профессиональным веб-дизайнером, задача станет сложной вдвойне. Как подобрать цвета? Какие оттенки удачно сочетаются? Как узнать коды выбранных цветов? На эти и другие вопросы помогут ответить сервисы для подбора цвета онлайн. Они не только предоставят готовую цветовую схему, но и предложат массу полезных инструментов в помощь начинающему любителю и опытному дизайнеру.
1. Colorscheme.ru
Известный сервис для подбора цветовых сочетаний позволит быстро подобрать палитру и наглядно покажет, как в итоге будет смотреться страница. Приятным бонусом идут несколько любопытных фишек разной степени полезности.
Возможности:
- Выбор цвета на цветовом круге или с помощью HEX- или RGB-значений;
- Несколько различных цветовых моделей;
- Быстрый подбор сочетающихся и контрастных цветов и оттенков;
- Примеры веб-страниц, оформленных в выбранных оттенках;
- Экспорт в.ACO, .ASE, .GPL + ссылка на результат;
- Код для вставки палитры на сайт;
- Таблица названий оттенков, их html-имена;
- Таблица безопасных, подходящих для любых мониторов и браузеров цветов;
- Симуляция влияния различных особенностей зрения на восприятия цвета.
2 . Coolors.co
3. Getcolor.ru
4. 0to255.com
5. ColorPick Eyedropper
Это расширение для браузеров даст вам возможность использовать онлайн-пипетку, определяющую любой цвет на всех страницах сайтов простым наведением курсора. Настоящий must have инструмент, который должен быть в браузере у любого пользователя, работающего с оформлением.
Скачать ColorPick Eyedropper:
- Для Chrome
- Для Mozilla :
Инструмент проверит страницу, открывающуюся по указанному url-адресу, и составит перечень всех элементов, нарушающих основные принципы яркости и контрастности, основанных на рекомендациях W3C. Например, белый текст на белом фоне.
Следующий уникальный калькулятор служит для перевода экзотических единиц длины в…
Следующий онлайн калькулятор о фунтах. Ранее он был очень популярен,…
Следующий онлайн калькулятор может вычислить уровень жидкости в цилиндрической таре…
Следующий онлайн калькулятор переводит температуры между разными шкалами. Помните калькулятор…
Следующий калькулятор интересен тем, что он переводит древние российские денежные…
Следующий калькулятор будет очень полезен тем, кто решил купить или…
Следующий калькулятор работает очень просто, вам нужно ввести всего одно…
Следующий онлайн калькулятор считает рост человека благодаря русской системе мер…
Следующий онлайн калькулятор может вычислить габариты экрана телевизоров, компьютеров, проекторов,…
Перед вами 2 калькулятора: один поможет вам подобрать формат снимков…
Следующие 2 калькуляторы переводят заданное число плиток в квадратные метры…
Перед вами 2 онлайн-калькулятора. Они переводят меры площади из метрической…
Следующий необычный калькулятор переводит меры длины из русской системы в…
Перед вами 2 калькулятора, которые предназначены для перевода мер длины…
Следующий простенький калькулятор переводит введенную вами toC из кельвинов в…
Следующий калькулятор предназначен для перевода кг в фунты. Также есть…
С которыми можно обратиться к Студии Лебедева, если вы занимаетесь оформлением своего стартапа и относитесь к вопросам дизайна всерьез, вам наверняка понадобятся инструменты для подбора цветовых схем. Хорошо, что в сети достаточно инструментов , которые помогут вам бесплатно в вашем нелегком труде.
1. Color Explorer
Color Explorer – один из самых полезных инструментов для подбора цветовых схем и сочетаний. Позволяет на основе одного базового цвета подобрать релевантную цветовую гамму и разные оттенки, а также проанализировать потенциальную конверсию для разных типов цветовой схемы. Еще позволяет составлять цветовые схемы на основе выбранных изображений, импортировать css/html код из файлов и работать с RGB и hex-кодировкой цветов.
2. Adobe Kuler
Adobe Kuler – тоже классная штука. Позволяет при помощи палитры-колеса составлять цветовые гаммы и создавать готовые цветовые схемы, которые потом можно использовать на сайте или в приложении.
3. Slayeroffice Color Palette Generator
Следующий в нашем списке - slayeroffice . Очень простой и удобный генератор палитр. Предлагает вам также оттенки, когда вы подбираете основной цвет.
4. ColorBlender
ColorBlender – инструмент, который хорош для последующего использования полученных палитр в Photoshop или Illustrator. Есть готовая библиотека наборов, которые можно брать и использовать в вашем приложении.
5. 0 to 255
0 to 255 – еще один «подборщик» фильтров, при помощи которого можно взять и получить темные / светлые оттенки цветов. Для тех, кто увлекается градиентами и тенями – самое то.
6. Colorspire
Если все предыдущие инструменты вам почему-то не подошли – попробуйте Сolorspire . В нем еще есть настройка сатурации и всякие быстрые настройки выбранного цвета.
7. Color Schemer
Этот инструмент предлагает палитру из 16 цветов (в большинстве предыдущих вариантов базовых цветов 5). Еще его можно использовать без подключения к интернету на Mac или PC.
8. Color hunter
При помощи Сolor hunter можно выбирать готовые комбинации, основываясь на тегах, коде hex-цветов или по адресу URL изображений. Палитру цветов можно получить на основе загруженного изображения.
9. ColorCombos
ColorCombos – снова схемы цветов, полная библиотека готовых образцов, можно сделать и собственную. Есть инструментарий для получения цветов с готового сайта.
10. WebAIM
И завершает подборку , который палитры не генерирует, но позволяет выбирать контрастные цвета. Для тех, кто знает толк не только в оттенках, но и в контрастах. Особенно если у вас контент-проект , и текст с заголовками должен хорошо читаться.
