Как грамотно выбрать цвета для Веб-проекта

Грамотный подбор цвета для Веб-проекта

Подбор цвета для веб-проекта сделать не всегда просто. Особенно если заказчик уже имеет какие-то готовые элементы. Например приходит со своим логотипом или хочет «видеть» какой то определённый цвет на своём будущем сайте.

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

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

Подбор цвета и математика

Вариант выбора цветовой схемы, основан на теории цвета. За основу берётся круг цветов, состоящих из 4 основных цветов (Красный, Зелёный, Синий и Жёлтый) и их оттенков. Можно конечно подбирать цвета по различным готовым палитрам. Это очень долго и сложно. Я очень люблю математику, поэтому доверюсь ей.

Математическое решение подбора цвета можно осуществить с помощью бесплатной программы Paletton Live Colorizer. Этой программой пользуюсь очень давно. Преимущество вышеуказанной программы простота в управлении, достаточно выбрать основной цвет (также можно ввести RGB цвет в ручную) и схему, программа сама автоматически пересчитает Ваши цвета и выдаст на экран, как будет выглядеть ваша будущая страница.

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

Преимущества программы

  • пересчитывает цвета в различные вариации: пастель, тёмная пастель, светлая пастель (в настройках заложены 21 варианта)
  • позволяет включать / выключать просмотр комплементарного контраста, что особо важно при подборе текстовых линков
  • есть симуляция зрения
  • конечно самое важное, можно сразу посмотреть как будет выглядет цветовая гамма сайта

подбор цвета по RGB

Поэтому когда к вам придёт заказчик с лого или готовым баннером и скажет: «Я хочу что-то подобное», смело беритесь за работу, вводите «цвет» в поле «Base RGB» и выбирайте цветовую схему.

экспорт палитры цветов

Сгенерированные готовые цвета можно также «экспортировать» в HTML, CSS, LESS, SASS, XML или текст. Я например после подборки цвета генерирую в этой программе PNG файл и отправляю заказчику. Часто использую в домашних условиях, когда например хочу подобрать «гармоническую композицию цвета» при выборе мебели.

Автор: Константин Талалаев

Метки: , ,