Комплементарные, родственные и триадные цвета

На экранном цветовом круге синему при 240 градусах соответствует комплементарный жёлтый при 60 градусах, а на круге художника напротив синего находится оранжевый.

Гармонии — это углы

В учебниках дизайна описывают несколько цветовых схем, которые обычно выглядят уравновешенно. Когда цвета размещены на круге тонов, каждая схема — просто набор углов от начального тона. Комплементарные цвета стоят прямо напротив, на расстоянии 180 градусов. Аналоговые (родственные) цвета стоят рядом; в модели используется 30 градусов в обе стороны. Триадная схема использует три тона на равном расстоянии, по 120 градусов, поэтому они образуют равносторонний треугольник. Расщеплённая комплементарная схема берёт комплементарный цвет и заменяет его двумя его соседями, здесь на 150 и 210 градусов от начала.

Курс рисования LibreTexts описывает характер каждой схемы. Комплементарные пары дают сильный контраст и привлекают внимание, поэтому дизайнеры используют их для того, что должно выделяться. Аналоговые схемы выглядят спокойно и цельно и часто встречаются в природе, например зелёные, жёлтые и оранжевые цвета луга. Триадные схемы живые, но всё же уравновешенные. Расщеплённые комплементарные схемы сохраняют большую часть контраста комплементарной пары, но ими проще пользоваться. Руководство библиотеки University of Delaware добавляет практическое правило о том, сколько каждого цвета использовать: около 60% на доминирующий цвет, 30% на второстепенный и 10% на акцент.

Какой круг?

Вот ловушка. Цветовой круг бывает не один. Круг HSL в этом курсе построен из света, с красным, зелёным и синим как основными. На нём красный (0 градусов) противоположен голубому (180 градусов), зелёный противоположен пурпурному, а синий противоположен жёлтому. Во многих художественных классах используют круг художника, построенный на красных, жёлтых и синих пигментах. На этом круге красный стоит напротив зелёного, жёлтый напротив фиолетового, а синий напротив оранжевого, это пары из курса LibreTexts. Ни один круг не ошибочен. Они отвечают на разные вопросы. Световой круг подсказывает, какие два света в сумме дают белый. Круг художника — давняя традиция смешения красок. Когда ты составляешь палитру для экрана, твой код будет использовать углы HSL, поэтому проверяй, о каком круге говорит учебник.

Гармония фиксирует тона, но не светлоту. Три триадных тона при полной насыщенности и светлоте 50% кричащие. На практике дизайнеры сохраняют углы и меняют насыщенность и светлоту: один тон сильный, остальные бледные или тёмные. Попробуй в модели. Выбери триаду, затем уменьши насыщенность и заметь, что треугольник сжимается к оси серых, сохраняя форму.

В большинстве учебников есть ещё две схемы. Монохромная схема использует один тон в нескольких более светлых и тёмных вариантах, которые в тексте по теории цвета RMIT называются tints и shades (светлые и тёмные варианты). В терминах HSL тон остаётся неизменным, двигаются только светлота и насыщенность, поэтому в модели это вертикальная линия на вертикальном срезе. Тетрадная схема использует четыре тона, образующие прямоугольник на круге, то есть две комплементарные пары вместе; когда четыре равноудалены, по 90 градусов, они образуют квадрат. Четыре тона трудно уравновесить, поэтому в большинстве руководств советуют отдать ведущую роль одному тону, а остальные использовать понемногу.