Оттенок — это более светлый оттенок цвета, который создается путем добавления белого к исходному оттенку. На стандартном цветовом круге оттенки — это цвета, которые находятся справа от базового цвета, из которого они получены. Понимание оттенков и того, как они соотносятся с другими цветами на круге, важно для художников, дизайнеров и всех, кто работает с теорией цвета.
Цветовой круг — это круговое представление цветов, предназначенное для демонстрации взаимосвязей между первичными, вторичными и третичными цветами. Базовый цветовой круг состоит из 12 цветов:
| Основные цвета | Красный, желтый, синий |
| Вторичные цвета | Зеленый, оранжевый, фиолетовый |
| Третичные цвета | Желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый, желто-зеленый |
Основные цвета являются самыми основными цветами и могут смешиваться для получения всех остальных цветов. Вторичные цвета создаются путем смешивания соседних основных цветов: красный и желтый дают оранжевый, желтый и синий дают зеленый, а синий и красный дают фиолетовый.
Третичные цвета создаются путем смешивания основного цвета со вторичным цветом рядом с ним на цветовом круге, например, красный с фиолетовым, чтобы получить красно-фиолетовый.
Оттенок создается, когда вы добавляете белый к любому чистому оттенку на цветовом круге. Осветляя цвет таким образом, вы создаете более мягкую, бледную версию исходного оттенка.
На стандартном 12-частном цветовом круге оттенки — это любые цвета, которые попадают на правую сторону родительского цвета, из которого они получены. Например, оттенок синего попадет где-то на правую сторону синего участка, между синим и зеленым.
Чем больше белого вы добавляете к цвету, тем светлее становится оттенок. Оттенок с небольшим количеством добавленного белого называется «светлым оттенком». При добавлении большего количества белого вы получите «бледный оттенок», за которым следует «очень бледный оттенок».
| Основной цвет | Светлый оттенок | Бледный оттенок | Очень бледный оттенок |
| Красный | Розовый | Нежно-розовый | Пастельно-розовый |
| Желтый | Светло-желтый | Бледно-желтый | Кремовый |
| Синий | Голубой | Небесно-голубой | Нежно-голубой |
Как вы можете видеть, оттенки имеют более светлые и мягкие качества, чем их родительские оттенки. Пастельно-розовый имеет гораздо более мягкий эффект, чем смелый красный. Кремовый кажется светлее и более приглушенным, чем ярко-желтый.
В отличие от оттенков, тона создаются путем добавления серого к чистому цвету. Это также приглушает цвет, но другим способом, чем добавление белого.
По сути, тон — это приглушенная или затененная версия исходного цвета. Тона позволяют вам слегка затемнить цвет, фактически не меняя оттенок.
Тона имеют более серьезный, мрачный эффект, чем оттенки. В то время как оттенки кажутся легкими и воздушными, тона кажутся более формальными и элегантными.
| Базовый цвет | Оттенок | Тон |
| Оранжевый | Персиковый | Сумеречно-оранжевый |
| Фиолетовый | Сиреневый | Лиловый |
| Зеленый | Мятно-зеленый | Оливково-зеленый |
Персиковый кажется сладким, беззаботным и энергичным по сравнению с более землистым, приглушенным сумеречно-оранжевым. Сиреневый цвет игривый и романтичный, тогда как лиловый воспринимается как более изысканный и элегантный.
В дизайне оттенки позволяют расширить цветовую палитру до более светлых, мягких оттенков. Оттенки обычно используются для:
Оттенки привносят яркость и сияние в дизайн. Они создают ощущение энергии, оптимизма и молодости. Мягкие оттенки, такие как пастельно-розовый, голубой и персиковый, кажутся женственными, милыми и романтичными.
Бледные оттенки также позволяют вам отойти от цветов, которые воспринимаются как чрезмерно женственные. Например, бледный оттенок зеленого шалфея воспринимается намного светлее и ярче, чем смелый зеленый, что делает его более унисексовым.
В веб-дизайне оттенки обычно используются в качестве фоновых цветов. Очень бледный оттенок помогает тексту выделяться, сохраняя при этом воздушность и ненавязчивость.
В логотипах и брендинге оттенки могут придать вашей визуальной идентичности более дружелюбный и доступный вид. Мягкие оттенки особенно хорошо подходят для брендов, стремящихся к беззаботной, энергичной и веселой эстетике.
Бренды используют оттенки, чтобы передать игривую, молодую энергию. Более светлые цвета кажутся привлекательными, ностальгическими и веселыми.
Чтобы создать оттенок, вы просто добавляете белый к чистому оттенку. Этого можно добиться с помощью:
С помощью красок и других пигментированных сред вы физически смешиваете белую краску/чернила с чистым цветом, чтобы осветлить оттенок. Начните с небольших количеств белого, пока не достигнете желаемой светлоты.
Акриловые краски и гуашь особенно хорошо подходят для смешивания плавных оттенков. Акварель также можно легко разбавить водой, чтобы создать тонированный эффект.
В программах цифрового дизайна, таких как Photoshop, Illustrator и InDesign, вы можете осветлить цвета с помощью ползунка оттенка. Это позволяет вам выбрать точный процент белого, который вы хотите добавить к цвету.
Начните с 5–10% белого и увеличивайте его. Превышение 40% или 50% белого приведет к очень бледному пастельному оттенку.
При разработке дизайна для веб-сайтов или печати оттенки можно создавать, вручную осветляя значения HEX или RGB цвета. Существуют также онлайн-инструменты, которые позволяют легко вводить цвет и настраивать процент оттенка.
Как и в цифровых программах, постепенно увеличивайте количество добавляемого белого, чтобы добиться едва заметных светлых оттенков. Не добавляйте слишком много белого сразу, иначе цвет станет размытым.
Оттенок — это любой бледный, осветленный оттенок цвета, созданный путем добавления белого. На цветовом круге оттенки находятся справа от своего родительского оттенка в градуированной светлоте. Оттенки добавляют яркость и светимость дизайнам, создавая энергичный, оптимистичный эффект. Понимая, как создавать и использовать оттенки, вы сможете расширить свою цветовую палитру за счет мягких, привлекательных оттенков.