Дизайн и UX

Какие цвета выбрать для сайта: психология цвета и конверсия

Как цвет влияет на восприятие сайта, как подобрать палитру под нишу, какие цвета лучше для CTA-кнопок и как избежать перебора.

· 4 мин чтения

Цвет — это первое, что фиксирует мозг посетителя. По исследованиям, до 90% первого впечатления о сайте формируется цветом и оформлением, и только 10% — содержанием.

Что какие цвета транслируют

  • Синий — доверие, безопасность (банки, IT)
  • Зелёный — здоровье, экологичность, рост
  • Красный — энергия, срочность, акции
  • Жёлтый — оптимизм, молодость, доступность
  • Чёрный/тёмный — премиум, лакшери
  • Бежевый/пастель — забота, уют, beauty

Правило 60–30–10

Базовый цвет занимает 60% площади (фон), вторичный — 30% (блоки и заливки), акцентный — 10% (кнопки и важные элементы). Такой баланс выглядит профессионально и не утомляет.

Как подобрать кнопку CTA

  1. Выберите цвет, контрастный к фону
  2. Не используйте серый — он сливается
  3. Тестируйте 2 варианта: тёплый (оранж/красный) и яркий (бирюза)
  4. Один тип кнопки = одно действие на странице

Хороший приём — взять палитру конкурента, который вам нравится, и адаптировать под себя. Главное — не копировать дословно, а использовать как ориентир.

Готовый сайт за 15 минут — без программистов

Опишите идею в чате с ИИ — Webstarter соберёт лендинг или многостраничный сайт под ваш бизнес.

Сгенерировать сайт

Читайте также