Теория цвета для начинающих
Основы теории цвета: цветовой круг, тон, насыщенность и светлота, тёплые и холодные цвета, контраст и гармонии. Простые правила для дизайна и фото.
Основы цвета · · 2 мин чтения
Теория цвета — это набор правил о том, как цвета сочетаются и как их воспринимает человек. Для практики достаточно пяти понятий: цветовой круг, три свойства цвета (тон, насыщенность, светлота), температура, контраст и гармонии. Освоив их, вы сможете осознанно подбирать палитры для дизайна, соцсетей и интерьера.
Цветовой круг
Цветовой круг раскладывает тона по кругу так, что соседние цвета плавно переходят друг в друга.
- Основные цвета экрана — красный, зелёный, синий (модель RGB). В живописи традиционно говорят о красном, жёлтом и синем.
- Составные — получаются смешением основных.
- Противоположные (комплементарные) — стоят друг напротив друга и дают максимальный контраст: синий и оранжевый, красный и бирюзовый.
Три свойства цвета
| Свойство | Что это | Пример |
|---|---|---|
| Тон | Положение на круге: «какой это цвет» | Красный, синий, жёлтый |
| Насыщенность | Чистота цвета, удалённость от серого | Алый против пыльной розы |
| Светлота | Насколько цвет близок к белому или чёрному | Персиковый против коричневого |
Именно эти свойства лежат в формате HSL — подробнее в статье RGB, HEX и HSL.
Температура цвета
Красные, оранжевые и жёлтые воспринимаются тёплыми, синие, бирюзовые и фиолетово-синие — холодными. Тёплые цвета визуально приближают объекты, холодные отдаляют. Подробно — в статье тёплые и холодные цвета.
Контраст
Контраст делает важное заметным. Бывает:
- по светлоте — тёмный текст на светлом фоне; самый важный для читаемости;
- по тону — комплементарные пары;
- по насыщенности — яркий акцент среди приглушённых цветов;
- по температуре — тёплый акцент на холодном фоне.
Для текста контраст измеряют числом — об этом статья контраст текста по WCAG.
Гармонии
Гармонии — проверенные схемы выбора цветов на круге: монохромная, аналоговая, комплементарная, расщеплённая комплементарная, триада, тетрада. Каждой посвящён раздел в статье 6 цветовых гармоний.
Самый простой способ получить гармоничную палитру
Природа и хорошие фотографии уже содержат сбалансированные сочетания. Загрузите удачный снимок в генератор палитры — и получите готовый набор цветов, которые точно сочетаются, потому что взяты из одного кадра.
Частые вопросы
С чего начать изучение цвета?
С цветового круга и трёх свойств цвета. Затем попрактикуйтесь: разберите палитры любимых фотографий и посмотрите, какие гармонии в них встречаются.
Сколько цветов должно быть в палитре?
Для сайта или бренда обычно хватает 3–5: фон, текст, основной акцент и один-два вспомогательных. Как их распределить — в статье правило 60-30-10.
Чем RGB отличается от RYB?
RGB — аддитивная модель света, на ней работают экраны. RYB — традиционная художественная модель смешивания красок. Для цифрового дизайна ориентируйтесь на RGB.