Неправильно подобранные цвета могут испортить самый крутой дизайн. Вот например, этот.
Это плохой, очень плохой дизайн, потому что цвета не сочетаются, а буквы не читаются. Избежать такой проблемы поможет цветовой круг. В этой статье мы расскажем что это такое и как с его помощью самостоятельно подбирать цветовые сочетания, даже если вы никогда этого не делали.
Что такое цветовой круг
Цветовой круг или цветовое колесо — это основа теории цветов. Благодаря ему можно понять, какие цвета создают гармоничные сочетания. Первый цветовой круг придумал Исаак Ньютон еще в 1665 году.
Как и зачем им пользоваться
При помощи круга можно подобрать цвета, которые хорошо сочетаются, выбрать безопасные варианты и найти самые смелые сочетания. Все это легко сделать онлайн, на странице
Наиболее удачные сочетания цветов, их еще называют цветовыми схемами, подбирают для того, чтобы сделать дизайн гармоничным. Есть пять способов сочетать цвета, их выбирают в зависимости от цели и количества нужных оттенков.
Монохроматические комбинации
Монохроматическая комбинация — это сочетание трех оттенков одного базового цвета. Например, розовый, светлый розовый и еще более светлый розовый. То есть один цвет разной степени насыщенности, без примеси других оттенков. Это консервативный и простой вариант, который можно смело использовать даже новичкам. Безопасное сочетание, при помощи которого можно создать гармоничный дизайн.
Подойдет для оформления интерьеров, свадебных пригласительных, оформления документов, чек-листов. Такие сочетания могут показаться скучными, чтобы сделать их интереснее, используйте их в разной пропорции — пускай один цвет будет доминирующим, а остальные два вспомогательными. А если дизайн с такой комбинацией покажется вам слишком скучным, добавьте контраста при помощи черных и белых элементов.
Чтобы найти такую комбинацию:
- В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
- Во втором окне выберите из выпадающего снимка цветовую комбинацию Monochromatic.
- Двигайте точку, расположенную на внешнем ободке круга, чтобы выбрать более темные или светлые оттенки цвета.
Аналогичные комбинации
Аналогичная комбинация — это от двух до шести цветов, которые находятся друг за другом на цветовом круге. Такая комбинация не может состоять из одного цвета в разных оттенках, это обязательно несколько разных, но близких цветов.
Такие комбинации смотрятся необычнее и красочнее монохроматических, хорошо подойдут для оформления сайтов. Чтобы сохранить гармонию, следует выбрать один доминирующий, а остальные два использовать в меньшем количестве, для акцентов. А чтобы определиться с основным цветом, предлагаем прочитать статью о том,
Три аналогичных цвета можно
Чтобы найти такую комбинацию:
- В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
- Во втором окне выберите из выпадающего снимка цветовую комбинацию Analogous.
- Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Остальные два цвета будут соответственно меняться, и у вас появятся другие варианты аналогичной комбинации.



более 1500 проектов
по всей России


Один день - один пост!


5 топовых локаций
в черте города.
От 30 до 3000 гостей

организация мероприятий
по всему миру
и даже online!




Комплементарные комбинации
Комплементарная комбинация — это сочетание из двух максимально контрастных цветов, которые подчеркивают друг друга. Комплементарные пары образуют два строго противоположных цвета. Такие сочетания выглядят ярко, они привлекают внимание в первую очередь, поэтому их лучше использовать, чтобы выделить что-то важное.
Комплементарные пары нужны для того, чтобы привлечь внимание, их хорошо применять для плакатов и флаеров. Важно использовать их в дизайне умеренно, из-за высокого контраста они могут утомить.
Мы привыкли считать, что контрастная пара красному — зеленый. Все верно, согласно цветовому кругу Иттена, которым пользуются художники. Дело в том, что тот круг построен на трех основных цветах: красном, синем и желтом, а всего в нем 12 цветов. Цветовой круг для онлайн-дизайна построен на красном, синем и зеленом, и в нем более 16 миллионов оттенков.
Чтобы найти такую комбинацию:
- В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
- Во втором окне выберите из выпадающего снимка цветовую комбинацию Complementary.
- Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.
Чтобы подобрать контрастное, но более мягкое сочетание, выберите комплементарную пару, а потом один из цветов замените на два его соседних.
Триадные комбинации
Триадная комбинация — это три равноудаленных друг от друга цвета на цветовом кругу, которые создают контрастные сочетания, но не такие яркие, как комплиментарные. Это те цвета, которые можно соединить равносторонним треугольником.
Чтобы найти такую комбинацию:
- В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
- Во втором окне выберите из выпадающего снимка цветовую комбинацию Triadic.
- Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.
Они тоже подойдут для смелого дизайна и привлечения внимания, но они не такие агрессивные, их легче применять. Часто такие комбинации используют для дизайна интерьеров, чтобы он выглядел гармонично, но не так скучно, как при использовании лишь двух цветов. Триадные сочетания можно использовать для плакатов, ярких логотипов, как, например, это сделал Burger King.
Тетрадные или четырехугольные комбинации
Тетрадные или четырехугольные комбинации — это четыре цвета, которые образуют на цветовом круге квадрат или прямоугольник. Два из этих четырех цветов — комплиментарные, то есть противоположные. Самый сложный вариант, подойдет для опытных дизайнеров или смелых новичков. У этой схемы наибольшее количество возможных комбинаций, поэтому такие сочетания хорошо подойдут для фирменной цветовой палитры. Если с тремя цветами легко оказаться похожим на кого-то, то с четырьмя вероятность выделиться на фоне конкурентов гораздо выше.
Осторожнее, чем больше цветов вы используете, тем сложнее сохранить баланс и добиться их гармоничного сочетания.
А для тех, кто еще не рискует самостоятельно подбирать четыре цвета при помощи цветового круга, мы подготовили подборку
Цветовой круг помогает новичкам находить безопасные сочетания, а профессионалам экспериментировать и находить новые комбинации цветов для дизайнов. Подобрать цвета по этим схемам легко можно
Поделиться