Цветовой круг и сочетания цветов
Цветовой круг помогает подобрать цвета, которые смотрятся вместе, без долгих проб. Четыре схемы покрывают почти все задачи.
Как устроен круг
На круге оттенки идут по порядку: красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый и снова красный. Положение оттенка задаётся углом от 0 до 360 градусов, ровно так, как в цветах HSL в CSS. Половина с красными, оранжевыми и жёлтыми считается тёплой, с зелёными, голубыми и синими холодной.
Четыре проверенные схемы
- Аналогичная: два-три соседних оттенка (разница 30 градусов). Спокойно и цельно, подходит для фона и иллюстраций.
- Комплементарная: два противоположных оттенка (180 градусов). Самый сильный контраст. Один цвет основной, второй только для акцентов.
- Раздельно-комплементарная: цвет и два соседа его противоположности (150 и 210 градусов). Ярко, но мягче, чем пара напротив.
- Триада: три оттенка через 120 градусов. Весело и пёстро, хорошо для детских и праздничных тем.
Как не перестараться
Схема даёт оттенки, но не говорит, сколько каждого цвета брать. Здесь помогает правило 60-30-10 из статьи «Как подобрать цвета для сайта»: один цвет главный, второй поддерживает, третий только в акцентах. Насыщенность и светлоту меняйте свободно: светлый вариант оттенка становится фоном, тёмный текстом.
Попробовать
Генератор палитр собирает гармоничные наборы цветов по этим схемам: нажимайте пробел, закрепляйте понравившиеся цвета и копируйте коды. Готовые подборки по настроению есть в разделе «Палитры».
Частые вопросы
Какие цвета сочетаются по цветовому кругу?
Соседние (аналогичная схема), противоположные (комплементарная), цвет и соседи его противоположности (раздельно-комплементарная) и три цвета через 120 градусов (триада).
Что такое комплементарные цвета?
Цвета, которые стоят напротив друг друга на цветовом круге, через 180 градусов, например фиолетовый и жёлто-зелёный. Это самый сильный контраст оттенков.
Как быстро подобрать гармоничную палитру?
Откройте генератор палитр на design4free.org: он собирает цвета по этим схемам, а понравившиеся можно закрепить и скопировать.
