Блог. Университет Интернет-маркетинга
Новости. Знания. Технологии.
Назад
10.12.2020
838

Топ-5 инструментов подбора цветовой палитры для сайта

Инструменты для подбора цветовой палитры сайта

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

ColorSpace

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

Сайт — mycolor.space

Adobe Color CC

Удобный инструмент, обладающий гибкими настройками, его любит дизайнерское комьюнити по нескольким причинам: цветовые комбинации можно сохранять в собственной библиотеке. Если вы новичок в дизайне и пока с трудом можете выбрать что-то самостоятельно, то используйте уже готовые палитры других пользователей интернет-сообщества, настраивая их под свои задачи. Здесь есть хорошо настроенная фильтрация по темам, популярности, частому использованию, а можно не задавать критерии. Если у вас накопились цветовые палитры, можно поделиться ими с другими пользователями сервиса. А еще можно выбирать нужные оттенки, применяя RGB, CMYK, HSV и LAB (цветовые модели). Сервис доступен на iPhone, iPad, смартфонах и других устройствах Android.

Пример цветового решения

Сайт — helpx.adobe.com

Khroma

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

Только не выбирайте одинаковые варианты, потому что вам все равно будет предложено добавить что-то еще для более точного результата. В Khroma можно осуществлять поиск по названию, оттенку, типу цвета, а также по HEX-, RGB-коду. Еще одно преимущество этого сервиса — дневная и ночная тема, чтобы дизайнер мог комфортно работать, когда угодно.

Сайт — khroma.co

Coolors

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

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

Сайт — coolors.co

Material Color Tool

Сервис, который очень удобен для веб-дизайнеров: если вы уже определились с цветовой схемой, то ее легко тут же “примерить” к веб-странице и понять, радует ли результат. Система была разработана Google и используется также разработчиками, которые находят здесь интересные решения для собственных интерфейсов, множество шрифтов и хорошую базу иконок. Одна из самых важных функций системы это возможность определить будет ли цветовая тема обладать высоким уровнем доступности и быстро считываться пользователями.

Сайт — material.io

Рекомендуем прочитать
Семантическое ядро сайта

Привет! Клиенты часто спрашивают, как увеличить трафик на сайт без больших и постоянных вложений. Один из самых эффективных способов - сбор семантики сайта для дальнейшей SEO-оптимизации. Как это работает? Давайте разбираться вместе!

Читать дальше ..
Яндекс вновь подтвердил квалификацию контекстологов Megagroup
Самый котируемый сертификат для специалиста по контекстной рекламе выдает Яндекс. Получить его - задача не из легких. Но наши специалисты в очередной раз справились с этим испытанием.  Попробуем разобраться вместе, как это работает?
Читать дальше ..
Обновления Интернет-магазина 2.0. Брошенные корзины или как отслеживать незавершенные заказы
Брошенные корзины — новый инструмент для повышения конверсии и удержания покупателей.
Читать дальше ..
Обновления Интернет-магазина 2.0. Наценки и условия для служб доставки Deligate, редизайн Delica и доработки интеграции со СДЭК
Для любой из доставок можно задать условия вывода на сайте и настроить применение наценок при соблюдении определенных условий.
Читать дальше ..
Обновления CMS.S3. Редизайн форм и доработки опросов
Небольшое обновление дизайна «Конструктора форм» и «Расширенного конструктора форм», а также новые возможности опросов.
Читать дальше ..
Зачем на сайте FAQ и как его нужно заполнить
Когда пользователь заинтересован продуктом или услугой, он пойдет искать уточняющую информацию в раздел, который должен быть на каждом сайте.
Читать дальше ..
S3 от Мегагрупп вошла в топ-5 самых популярных CMS
Мы заняли 4 место в рейтинге iTrack.ru!
Читать дальше ..
Обновления Интернет-магазина 2.0. Как подключить Яндекс.Доставку к своему сайту
Яндекс.Доставка теперь в Deligate.
Читать дальше ..
Megagroup.ru попала в топ-5 веб-студий по России в 2020 году
Веб-студия вошла в рейтинг лидеров рынка разработки сайтов в России по оценке независимого рейтингового агентства ГидМаркет.
Читать дальше ..
Наш канал на Яндекс.Дзен

У Megagroup.ru появился канал на Яндекс.Дзен. Мы говорим о сложных вещах легким и простым языком.

Читать дальше ..
Хотите получать информацию от лидера рынка?
Подпишитесь на рассылку!