Палитра цветовой гармонии: дополнительные и триадные цвета

Как пользоваться

Выберите Базовый цвет пипеткой или введите код в поле Шестнадцатеричный код.
Выберите Гармония. Оба круга и оба списка меняются сразу.
Смотрите на Цветовой круг HSL для экранных цветов, затем на Круг художника RYB для живописи.
Нажмите кнопку копирования рядом с цветом, чтобы скопировать его шестнадцатеричный код.

Семь гармоний

Пара дополнительных цветов — это два цвета, расположенных напротив друг друга на круге. Соседняя гармония — исходный цвет и цвета по обе стороны от него. Триадная гармония — три цвета на равных расстояниях, равносторонний треугольник на круге. Раздвоенная дополнительная берёт два цвета рядом с дополнением базового. Тетрада образует прямоугольник из двух пар дополнительных цветов, как описано в статье Википедии о гармонии цвета) (на английском).

У квадрата четыре цвета через 90 градусов, а одноцветная гармония сохраняет один тон и меняет его светлоту. Это обычные соглашения; инструмент использует углы, перечисленные ниже.

Дополнительные: базовый и базовый + 180°
Соседние: базовый − 30°, базовый и базовый + 30°
Триадная: базовый, + 120° и + 240°
Раздвоенная дополнительная: базовый, + 150° и + 210°
Тетрадная: базовый, + 60°, + 180° и + 240°
Квадрат: базовый, + 90°, + 180° и + 270°
Одноцветная: базовый тон при светлоте 20, 35, 50, 65 и 80 % вокруг базового цвета

Круг художника RYB и его приближение

Круг художника построен на красном, жёлтом и синем — трёх основных цветах, смешением которых получаются остальные: красный и жёлтый дают оранжевый, красный и синий — фиолетовый, синий и жёлтый — зелёный, как объясняет статья Википедии о цветовой модели RYB (на английском). Поэтому дополнительный цвет красного на этом круге — зелёный, а на экранном круге — голубой.

Экранные цвета нельзя смешать, как краску, поэтому инструмент использует приближение Gossett и Chen (2004), «Paint Inspired Color Mixing and Compositing for Visualization». Восемь углов куба RYB получают RGB-цвета из этой статьи, а промежуточные цвета интерполируются её правилом smoothstep. Базовый цвет помещается в ближайшую точку этого отображения. Приближение годится для планирования, но не для измерения пигментов: настоящие краски различаются по марке и по способу смешивания.

Цвета с насыщенностью менее 10 % не имеют тона на круге RYB, поэтому страница показывает их отдельно.

Пример расчёта: гармонии чистого красного

На круге HSL дополнительный к #FF0000 цвет — голубой. На круге художника дополнительный к красному — зелёный, а триада красного — красный, жёлтый и синий из куба статьи, #2A5F99, а не экранный синий.

Оба круга используют одинаковые углы, поэтому различие — в самом круге, а не в выборе гармонии.

Гармония #FF0000	Круг HSL	Круг RYB
Дополнительные	#00FFFF (голубой)	#00A833 (зелёный)
Триадная	#00FF00, #0000FF	#FFFF00, #2A5F99

Частые вопросы

В чём разница между кругом HSL и кругом RYB?

Круг HSL — это цветовой круг экранов, где основные цвета — красный, зелёный и синий. Круг RYB использует красный, жёлтый и синий, основные цвета краски, поэтому его гармонии могут отличаться от экранных.

Почему дополнительный к красному цвет на круге художника — зелёный?

Зелёный получается смешением синего и жёлтого, поэтому он расположен напротив красного на круге красный–жёлтый–синий. На экране противоположность красному — голубой, потому что экраны смешивают свет, а не пигмент.

Точны ли цвета RYB?

Нет. Это приближение того, как смешиваются краски, основанное на отображении куба Gossett и Chen. Используйте его для планирования палитры, а затем проверьте саму краску на той поверхности, которую будете использовать.

Почему для серого цвета страница показывает только один цвет?

У серого нет тона, поэтому на круге нет угла, с которым можно было бы гармонизировать. Страница показывает цвет отдельно, а не придумывает ему тон.

Какую гармонию выбрать для картины?

Пары дополнительных цветов дают сильный контраст и привлекают взгляд; соседние гармонии спокойны и близки; триадные и тетрадные дают больше цветов для баланса. Попробуйте несколько вариантов на круге, прежде чем смешивать краску.

Источники

Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..