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

Топ-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

Рекомендуем прочитать
Обновления Интернет-магазина 2.0. Уведомления брошенных корзин, обновление направлений доставки СДЭК и поддержка групповых чатов Telegram
Уведомления брошенных корзин и обновления направления доставки СДЭК.
Читать дальше ..
Обновление редактора страниц Mosaic
Мы сделали загрузку быстрее, переработали интерфейс и добавили новый удобный загрузчик картинок на сайт.
Читать дальше ..
Как увеличить посещаемость сайта без затрат?
Есть много способов привести трафик на сайт: контекстная и таргетинговая реклама, закупка рекламных объявлений, партнерские программы и многое другое. Но есть отличные способы увеличить посещаемость вашего блога или интернет-магазина бесплатно. Рассказываем, как это сделать.
Читать дальше ..
Настоящие отзывы от клиентов: как получить и использовать?
Из всех инструментов мотивации клиентов, отзывы — один из самых эффективных. Как получить отзывы от покупателей и почему полное отсутствие информации о компании хуже, чем отрицательные и смешанные оценки? Объясним и расскажем!
Читать дальше ..
Внутренняя перелинковка: как вывести сайт в ТОП?
Есть много способов продвинуть Ваш сайт к первым позициям в выдаче. Среди них есть инструмент, который поможет удержать пользователей на сайте, увеличить «вес» сайта у поисковиков и сделать популярными именно те страницы, которые нужно. Сегодня говорим о внутренней перелинковке.
Читать дальше ..
Как назвать интернет-магазин: советы и примеры
Привет! Любой, кто хочет начать бизнес в Интернете, задумывается о том, как назвать свой блог или магазин товаров. И если с блогом все просто, то над ярким и привлекательным названием интернет-магазина придется подумать. Мы собрали лучшие практики нейминга в одном месте.
Читать дальше ..
Экспертно, просто, полезно: как LSI-копирайтинг меняет SEO
Привет! Сегодня хотим поговорить о последнем тренде в области оптимизации текста — LSI-копирайтинге. Как механизмы латентно-семантического индексирования помогают продвигать сайт? И заменят ли LSI-тексты стандартные SEO-оптимизированные? Давайте разбираться!
Читать дальше ..
Удобные инструменты для настройки контекстной рекламы
Как и с чем работает специалист по контекстной рекламе?  Какие сервисы используют контекстологи, чтобы сделать рекламные кампании эффективными? Можно ли разобраться в многообразии инструментов по настройке самостоятельно и стоит ли это делать?
Читать дальше ..
Как зарабатывать на продаже цифровых товаров?
Привет! Мы хотим рассказать о постоянно растущем сегменте бизнеса в Интернете - рынке цифровых товаров. Что это такое? Почему «цифра» хорошо подходит как для создания пассивного дохода, так и для самостоятельного бизнеса? И как решения от Мегагрупп.ру помогут выйти на цифровой рынок?
Читать дальше ..
Обновления Интернет-магазина 2.0. «Честный знак» — маркировка товаров в заказах
Как привести торговлю в своем магазине в соответствие с 487-ФЗ.
Читать дальше ..
Хотите получать информацию от лидера рынка?
Подпишитесь на рассылку!