Цветовая схема онлайн


Выбери одно из ТОП-20 сочетаний света


Скопируй код цвета


#ee4035

#fad132

#56b949

#314a9d

Сочетания цветов схемы в линейном градиенте



Как правильно выбрать цветовую схему для сайта landing page

Важно уметь правильно подбирать цвета для сайта, чтобы смотрелось все гармонично. Рассмотрим правила выбора цветовой схемы.

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

Как подобрать цветовую схему для сайта.

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

  1. Лендинг медицинской тематики. Используется основной цвет бирюзовый в цвет медицинских халатов.
  2. Сайт для юриста. Думаем какие есть ассоциации цветов с этой профессией. Цвет стола, книги, мантии судьи.
  3. Мужские сайты. Это серьезные сайты, не привлекающие внимание, не пестрые.
  4. Женские сайты. Противоположные цвета, пестрые цвета, с красными тонами.
  5. Для сайта природы. Используются природные цвета зелени. Коричневые цвета ассоциируются с стволом дерева и землей.

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

Типы цветов у сайта.

  1. Фон светлый бежевый или белый, базовый цвет.
  2. Основной цвет. Делаем все коммуникации на сайте.
  3. Ключевой цвет это цвет бренда или цвет для расстановки акцентов на сайте, акцентный цвет.
  4. Дополнительный цвет. Используется при желании.
  5. Цвет текста черный.
  6. Цвет для эффектов наведения. Цвет можно подобрать по тонам цветов. 

Доля каждого цвета на сайте.

  • 75 % базовый цвет.
  • 20% основного цвета.
  • 5% акцентный цвет.
Доля каждого цвета на сайте цветовой схемы

Виды цветовых схем

  1. Контрастная схема основана на двух цветах находящихся напротив друг друга в цветовом круге. Два цвета будут сочетаться гармонично и эффектно.
  2. Схема аналогия сочетает цвета, которые находятся рядом. Встречаются часто в природе, легко воспринимаются глазом.
  3. Триада один основной, один дополнительный и акцент. Распространенная цветовая схема.
  4. Схема акцент. Получаем один контрастный цвет для акцента, второй цвет основной и для наведения.
  5. Тетрада четыре стороны, один цвет основной, один акцентный и два дополнительных цвета или цвет наведения hover. Придает оригинальности сайту.

Холодные и теплые цвета на цветовом круге.

  • Холодные цвета на круге идут от зеленого до фиолетового. Половину круга.
  • Теплые цвета занимают вторую половину круга от красного до светло-зеленого.
  1. Теплые цвета в дизайне сайта используются для передачи страсти, энергии, счастья.
  2. Холодные цвета используем на лендинг пейдж для придачи строгости и профессионализма.

Посмотреть все названия цветов на русском языке и html цвета.