Rimolex Rimolex
Фронтенд-дизайн онлайн
Front-end дизайн
3 мин

Почему на сайтах именно такие цвета — это случайность или есть логика?

Цветовые схемы в веб-дизайне: от фирменного стиля до стандартов доступности

Наталья Вершинина
Автор курса Rimolex
Почему на сайтах именно такие цвета — это случайность или есть логика?

Когда вы заходите на сайт банка — там синий и белый. На сайт экологической компании — зелёный. На сайт скидок — красный. Случайность? Нет. За этим стоит конкретная логика, которую дизайнеры применяют каждый день.

Как выбирают основной цвет?

Обычно отправная точка — фирменный цвет компании. Это цвет из логотипа, который уже используется на визитках, вывесках, упаковке. Дизайнер берёт его и строит вокруг него всю цветовую схему сайта.

Технически цвет задаётся не словами «синий» или «красный», а специальными кодами. Например, #1a73e8 — это конкретный оттенок синего, который использует Google. Один символ в коде — и цвет уже другой.

Контраст — не эстетика, а доступность

Для людей с плохим зрением или читающих при ярком солнечном свете контраст между текстом и фоном критически важен. Существует международный стандарт WCAG, который задаёт минимальные требования к контрастности.

Светло-серый текст на белом фоне выглядит современно, но треть читателей его просто не видит нормально.

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

Сколько цветов обычно на одном сайте?

  1. Один основной — для кнопок, ссылок, акцентов.
  2. Один нейтральный — белый или светло-серый фон.
  3. Один для текста — обычно тёмно-серый, не чисто чёрный.
  4. Иногда один дополнительный — для предупреждений или выделений.

Больше четырёх цветов на сайте — и он начинает выглядеть хаотично. Меньше — скучно. Это баланс, который нарабатывается опытом.

Хотите разобраться глубже?

Если после прочтения остались вопросы или хочется обсудить тему — напишите нам. Ответим честно и без лишних слов.

Написать нам
Настройки cookies