Цвета для сайта ресторана — 17 бесплатных сервисов

Один из первых вопросов, который стоит на начальном этапе разработки сайта — какие цвета использовать? Каким цветом задать фон для сайта и отдельных его блоков? Каким цветом задать  шрифт?

Особенно актуален этот вопрос, если вы решили сэкономить и сами разрабатываете сайт на конструкторе (например, на 1Place.su).

Здесь вам на помощь придут сервисы для подбора палитр и цветов. Они облегчат вам творческие муки, предложат оптимальные сочетания, а то и готовые текстуры.

Есть минус — это, в основном, англоязычные ресурсы.

Но! Почти все они интуитивно понятны. Иногда даже знания языка не требуется. И они бесплатные!

Я разделил сервисы по основному назначению, чтобы упростить вам выбор.

Цветовые палитры с других сайтов

Самый простой вариант подобрать сочетание — посмотреть уже готовый сайт. Пусть даже не из ресторанной темы. Главное, что вам понравились сочетания цветов и вы хотите сделать у себя так же. Здесь пригодится Web Colour Data.

Укажите адрес сайта, который вам понравился. Получите палитру цветов, которые на нем используются. У каждого цвета есть код — набор цифр и букв после решётки #. Скопируйте эти коды и укажите в конструкторе там, где задаётся цвет.

Взять цвета из фотографии

ColorHunter работает по такому же принципу. Только палитру цветов извлекает из фотографии.

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

Загрузите несколько фотографий на ColorHunter , узнайте коды цветов на фото. Используйте их на сайте.

Профессиональные инструменты

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

Наиболее продвинутый профессиональный сервис — Adobe Color CC. У него есть русскоязычная версия!

ColorScheme — похожий русскоязычный сервис

Вы можете задать правило, по которому подобрать цвета и выбрать палитру,которую предложит сервис.

А попроще варианты?

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

У этого сайта есть и более продвинутый профессиональный инструмент под названием Copaso. Он похож на Adobe Color CC, который я упомянул выше. Но он посложнее и он на английском языке.

Огласите весь список, пожалуйста!

Перечисленных выше инструментов вполне достаточно для работы. Но если они вам показались сложными, не отвечающими вашим задачам. если вы просто хотите подобрать инструмено под себя — вот ещё ряд сервисов. The websites we listed here should be enough for your work. But if you want to get more information and useful software, here are some more links that may also be interesting.

На Material design palette вы можете выбрать 2 основных цвета, по которым сервис предложит различные палитры. И порекомендует основные и второстепенные цвета.

COLRD – красивые картинки и соответствующие палитры цветов.

In colour balance — аналогичный русскоязычный сайт

Material Mixer — позволяет смешать и посмотреть сочетания двух цветов

Colorotate – на первый взгляд, сложный, но интересный инструмент для подбора палитры.

Colorblender – предлагает палитры на основе цветов, которые вы задаёте.

MATERIAL DESIGN — генератор оттенков

ColorExplorer – много настроек работы с цветами для продвинутых пользователей

Pictaculous – загрузите картинку и получите палитру её цветов

BrandColors – показывает, какие цвета используют известные мировые бренды.

Colorspire – вы выбираете цвет, а сервис показывает, какие цвета использовать — сразу в черновом шаблоне сайта.

Создайте свой сайт и протестируйте разные палитры цвета здесь: