Инструкция по цветовому кругу и смешиванию цветов
Как пользоваться цветовым кругом, схемами сочетаний и расчетом смешивания красок VLOTHO.
Как пользоваться цветовым кругом и страницей смешивания цветов
Эта страница помогает подобрать нужный оттенок, понять логику цветовых сочетаний и рассчитать примерное смешивание красок. Она состоит из двух важных частей:
Цветовой круг — помогает выбрать базовый оттенок и найти подходящие цвета.
Смешивание цветов — помогает приблизить результат к нужной цели с помощью конкретных красок и процентов.
Такой инструмент полезен для колеровки красок, подбора цвета кожи, замши, нубука, обуви, сумок, автомобильных сидений, а также для дизайна упаковки, сайта и карточек товаров.
1. Что такое цветовой круг
Цветовой круг показывает, как цвета расположены относительно друг друга.
Рядом на круге находятся близкие оттенки.
Напротив — контрастные цвета.
На равном расстоянии — гармоничные сочетания из нескольких цветов.
Например:
синий и голубой находятся рядом — они близкие;
синий и оранжевый находятся напротив — они контрастные;
синий, красный и жёлтый могут образовывать триаду.
Цветовой круг нужен не только для красивого дизайна. Он помогает понять, в какую сторону корректировать краску: сделать цвет теплее, холоднее, темнее, светлее или спокойнее.
2. Выбор базового цвета
Сначала выберите основной цвет на круге. Это отправная точка для подбора.
Базовым цветом может быть:
цвет изделия;
цвет, который хочет клиент;
примерный оттенок кожи или замши;
цвет из фото;
цвет из палитры краски.
После выбора базового цвета круг предлагает разные схемы сочетаний: моно, контраст, триада, тетрада, аналогия, акцент.
3. Схема «Моно»
Моно — это один цвет в разных вариантах: светлее, темнее, насыщеннее или мягче.
Например:
тёмно-коричневый;
коричневый;
светло-коричневый;
бежево-коричневый.
Эта схема самая безопасная для реставрации. Она помогает подобрать цвет близко к исходному оттенку изделия.
Используйте «Моно», когда нужно:
подкрасить кожу в близкий тон;
освежить цвет замши;
сделать незаметную реставрацию;
избежать резких контрастов;
подобрать спокойную премиальную палитру.
Для колеровки это значит: вы работаете внутри одного цветового направления и корректируете только светлоту, насыщенность и глубину цвета.
4. Схема «Контраст»
Контраст — это цвет, расположенный напротив базового на цветовом круге.
Например:
синий — оранжевый;
красный — зелёный;
фиолетовый — жёлтый.
В дизайне контраст нужен, чтобы выделить важные элементы: кнопку, акцент, заголовок, иконку, упаковку.
В колеровке контрастный цвет используют осторожно. Он может приглушить слишком яркий оттенок.
Например:
если цвет слишком красный — его можно немного приглушить зелёным или коричневым;
если цвет слишком жёлтый — его можно приглушить фиолетовым или серо-синим;
если цвет слишком синий — его можно сместить тёплым коричневым или оранжевым.
Важно: контрастный цвет добавляют очень маленькими дозами. Если переборщить, оттенок станет грязным.
5. Схема «Триада»
Триада — это три цвета, расположенные на равном расстоянии друг от друга.
Такая схема даёт живое, но всё ещё гармоничное сочетание.
Для дизайна триада удобна так:
один цвет — основной;
второй — дополнительный;
третий — акцентный.
Например, для сайта или карточки товара можно использовать правило:
60% — основной цвет;
30% — дополнительный;
10% — акцент.
Для колеровки триада помогает понять, какие дополнительные оттенки могут участвовать в коррекции цвета. Но для реального смешивания красок не стоит сразу добавлять все три цвета в равных долях. Лучше выбрать один основной оттенок и один корректирующий.
6. Схема «Тетрада»
Тетрада — это четыре цвета, обычно две пары контрастных оттенков.
Это сложная схема. Она подходит для фирменной палитры, каталога, интерфейса, презентации или большого сайта, где нужно несколько разных цветовых ролей.
Для колеровки тетрада используется редко, потому что смешивание большого количества цветов повышает риск получить грязный результат.
Используйте тетраду для дизайна, но не как прямой рецепт смешивания краски.
7. Схема «Аналогия»
Аналогия — это цвета, расположенные рядом на цветовом круге.
Например:
жёлтый, оранжевый, красный;
зелёный, бирюзовый, голубой;
синий, фиолетовый, пурпурный.
Это одна из самых полезных схем для подбора краски.
Она помогает понять, куда двигать оттенок:
теплее;
холоднее;
желтее;
краснее;
синее;
зеленее.
Например, если коричневый цвет выглядит слишком серым, можно сдвинуть его в сторону тёплого оранжево-коричневого. Если цвет слишком рыжий, можно увести его в более холодный коричневый или графитовый.
Для кожи, замши и нубука аналоговая схема часто лучше контраста, потому что результат выглядит естественнее.
8. Схема «Акцент»
Акцент помогает выбрать цвет для выделения.
Это полезно для:
кнопок на сайте;
ярлыков;
упаковки;
иконок;
строчки;
уреза;
декоративных деталей.
В окраске изделий акцентный цвет обычно не используют для всей поверхности. Его применяют точечно: шов, край, вставка, декоративный элемент.
Как связаны цветовой круг и смешивание цветов
Цветовой круг помогает выбрать направление.
Смешивание цветов помогает проверить это направление на конкретных красках.
Например, клиент хочет цвет #8c6a4f — коричнево-бежевый оттенок.
Сначала можно найти этот цвет на цветовом круге и понять, к какой зоне он относится: коричневый, тёплый, приглушённый.
Затем на странице смешивания добавить в корзину подходящие краски:
близкий коричневый;
чёрный для затемнения;
белый или бежевый для осветления;
красный, жёлтый или синий для тонкой коррекции.
После этого программа сравнит текущий результат с целью.
9. Блок «Смешивание цветов»
В блоке «Смешивание цветов» выбирается группа краски, например farbenfix.
Лучше смешивать цвета внутри одной группы краски. Это важно, потому что у красок одной линейки обычно одинаковая база, совместимость, плотность и поведение при нанесении.
Если смешивать разные типы красок, результат может отличаться по блеску, укрывистости, впитываемости или стойкости.
10. Цвета из корзины
В корзине находятся цвета, которые участвуют в смешивании.
У каждого цвета есть:
образец;
HEX-код;
ползунок процента;
кнопка «Цель».
HEX-код показывает цвет на экране, например:
#111111 — почти чёрный;#ffffff — белый;#8a4a2a — коричневый;#0c356a — тёмно-синий.
Ползунок показывает долю цвета в смеси.
Если чёрный стоит на 100%, а остальные цвета на 0%, результат будет почти чёрным. Если нужно получить коричнево-бежевый цвет, долю чёрного нужно уменьшить и добавить больше коричневого или светлого оттенка.
11. Блок «Цель и результат»
Справа находится блок «Цель и результат».
Он показывает два цвета:
Результат — цвет, который получается из текущей смеси.
Цель — цвет, к которому нужно приблизиться.
Целевой цвет можно ввести вручную в HEX-формате и нажать «Применить HEX».
Например:
#8c6a4f
После этого программа будет сравнивать смесь с целевым цветом.
12. Что означает RGB Δ
Показатель Разница RGB Δ показывает, насколько текущий результат отличается от цели.
Чем меньше значение, тем ближе цвет.
Ориентир:
до 30 — обычно близко на глаз;
30–80 — похожий оттенок, но отличие заметно;
80–150 — сильное отличие;
150+ — цвет далёк от цели.
Если разница большая, нужно менять проценты цветов или добавить более подходящий оттенок в корзину.
13. Кнопка «Подобрать автоматически»
Кнопка «Подобрать автоматически» пытается сама подобрать проценты цветов так, чтобы результат стал ближе к цели.
Лучше всего автоподбор работает, когда в корзине есть правильные исходные цвета:
основной близкий цвет;
цвет для затемнения;
цвет для осветления;
цвет для коррекции тона.
Например, для подбора коричневого оттенка полезно иметь:
коричневый;
чёрный;
белый или бежевый;
красный или жёлтый для тепла;
синий или графитовый для охлаждения.
14. Кнопка «Сделать результат целью»
Кнопка «Сделать результат целью» переносит текущий результат в целевой цвет.
Это удобно, если вы нашли удачный оттенок и хотите сохранить его как новый ориентир.
Например, после пробного нанесения цвет на коже выглядит хорошо. Тогда можно сделать этот результат целью и дальше подбирать похожие смеси.
15. Пипетка по фото
Пипетка позволяет загрузить фото и взять цвет прямо с изображения.
Это удобно, когда клиент прислал фотографию обуви, сумки, сиденья или другого изделия.
Но цвет с фото не всегда точный. На него влияют:
освещение;
камера телефона;
тени;
блики;
обработка фото;
цвет экрана.
Поэтому пипетка по фото — это хорошая стартовая точка, но не окончательный рецепт.
Для более точного результата фото лучше делать при дневном рассеянном свете, без вспышки и без жёлтых ламп.
Как подбирать цвет на практике
Шаг 1. Определите цель
Сначала нужно понять, какой цвет нужен.
Это может быть:
HEX-код;
цвет с фото;
цвет из палитры;
цвет, выбранный на круге;
образец кожи или изделия.
Если цвет выбран на цветовом круге, отправьте его «В цель».
Шаг 2. Посмотрите на цветовой круг
Определите, какой это оттенок:
тёплый или холодный;
яркий или приглушённый;
светлый или тёмный;
близкий к коричневому, красному, жёлтому, синему или зелёному.
Цветовой круг помогает понять, какие корректирующие цвета могут понадобиться.
Шаг 3. Добавьте цвета в микс
С цветового круга или из палитры добавьте нужные цвета «В микс».
Для начала лучше использовать 2–4 цвета, а не много сразу.
Обычно достаточно:
основной близкий цвет;
тёмный корректор;
светлый корректор;
один цвет для изменения тона.
Шаг 4. Подберите проценты
Настройте проценты вручную или нажмите «Подобрать автоматически».
Следите за блоком «Результат» и значением RGB Δ.
Если результат слишком тёмный — уменьшите чёрный.
Если слишком светлый — добавьте тёмный или коричневый.
Если слишком холодный — добавьте тёплый коричневый, красный или жёлтый.
Если слишком тёплый — добавьте синий, графитовый или холодный коричневый.
Если слишком яркий — приглушите противоположным цветом с круга.
Шаг 5. Сделайте пробный замес
Когда результат на экране стал близким к цели, сделайте маленький тестовый замес.
Не нужно сразу смешивать большой объём. Лучше сначала проверить 5–10 грамм или несколько капель.
Запишите пропорции, чтобы потом повторить рецепт.
Шаг 6. Проверьте на материале
Нанесите краску на малозаметный участок или похожий образец материала.
Дождитесь полного высыхания.
Оцените цвет:
при дневном свете;
при искусственном свете;
после одного слоя;
после второго слоя.
Только после этого можно делать основную окраску.
Как корректировать цвет с помощью цветового круга
Цветовой круг особенно полезен, когда результат «почти подходит», но есть небольшое отклонение.
Цвет слишком тёмный
Добавьте светлый оттенок: белый, бежевый или светлый вариант того же цвета.
Лучше использовать монохромную схему или соседний аналоговый цвет.
Цвет слишком светлый
Добавьте тёмный оттенок: чёрный, графитовый, тёмно-коричневый или тёмный вариант базового цвета.
Чёрный добавляйте осторожно. Он быстро затемняет и может сделать цвет грязным.
Цвет слишком жёлтый
Добавьте немного коричневого, красного или противоположного холодного оттенка.
На цветовом круге для жёлтого противоположная зона — фиолетово-синяя. Но в краске такой корректор нужно добавлять минимально.
Цвет слишком красный
Добавьте коричневый, графитовый или немного зелёного.
Зелёный находится напротив красного на цветовом круге, поэтому он может приглушить красноту. Но при избытке цвет станет грязным.
Цвет слишком синий
Добавьте коричневый, оранжевый или тёплый красноватый оттенок.
Оранжевый находится напротив синего, поэтому он хорошо снижает синеву.
Цвет слишком яркий
Используйте противоположный цвет с круга, но в очень маленьком количестве.
Контрастный цвет не столько «перекрашивает», сколько снижает насыщенность.
Цвет слишком серый или грязный
Скорее всего, в смеси слишком много противоположных или разных цветов.
Попробуйте упростить рецепт: оставьте основной цвет, один светлый или тёмный корректор и один тональный корректор.
Особенности подбора цвета для кожи, замши и нубука
На экране цвет считается математически через RGB и HEX. Но на коже результат может отличаться.
На итоговый оттенок влияет:
исходный цвет изделия;
тип кожи;
впитываемость;
старое покрытие;
остатки крема, жира или загрязнений;
количество слоёв;
толщина нанесения;
способ нанесения;
матовость или глянец поверхности;
освещение после высыхания.
Особенно это важно для проникающих красок. Они не всегда полностью перекрывают основу, а часто работают вместе с исходным цветом материала.
Например, один и тот же коричневый рецепт может выглядеть теплее на рыжей коже и холоднее на серой или чёрной основе.
Важное правило для клиентов
Клиенту лучше объяснять подбор цвета так:
Мы подбираем оттенок максимально близко к выбранному образцу, но итоговый цвет зависит от материала, впитываемости, старого покрытия и количества слоёв. Поэтому перед основной окраской обязательно делается пробное нанесение.
Это честное объяснение, потому что цвет в реальной окраске зависит не только от формулы, но и от самого изделия.
Частые ошибки
Первая ошибка — выбирать цвет только по экрану. Монитор может искажать оттенок.
Вторая ошибка — брать цвет с фото без проверки. Камера и освещение сильно меняют цвет.
Третья ошибка — смешивать слишком много красок сразу. Чем больше компонентов, тем выше риск грязного оттенка.
Четвёртая ошибка — добавлять контрастный цвет большими дозами. Противоположные цвета нужны для приглушения, а не для основной массы смеси.
Пятая ошибка — не делать пробу на материале.
Короткая инструкция
Выберите базовый цвет на цветовом круге.
Определите схему: моно, аналогия, контраст, триада, тетрада или акцент.
Отправьте нужный цвет «В цель».
Добавьте подходящие цвета «В микс».
Выберите группу краски.
Настройте проценты вручную или нажмите «Подобрать автоматически».
Следите за значением RGB Δ.
Когда результат близок к цели, сделайте маленький тестовый замес.
Проверьте цвет на материале после высыхания.
Вывод
Цветовой круг помогает понять логику цвета: какие оттенки близкие, какие контрастные, какие можно использовать для акцента или коррекции.
Страница смешивания помогает применить эту логику на практике: выбрать краски, задать цель, рассчитать проценты и приблизить результат к нужному оттенку.
Для дизайна можно ориентироваться на экран и цветовые схемы. Для реальной окраски кожи, замши и нубука цветовой круг и автоподбор нужно использовать как помощника, а окончательный результат всегда проверять пробным нанесением.