Цвета можно осветлять или затемнять, создавая вариации, называемые оттенками и тенями. Оттенок — это цвет, смешанный с белым, что увеличивает светлоту, в то время как тень — это цвет, смешанный с черным, что уменьшает светлоту. Понимание оттенков и теней позволяет более динамично использовать цвет.
Оттенок получается путем добавления белого к цвету, что делает его светлее. Например, добавление белого к красному делает его розовым. Чем больше добавлено белого, тем светлее становится оттенок. Оттенок получается путем добавления черного к цвету, что делает его темнее. Добавление черного к красному делает темно-бордовый или бордовый. Больше черного делает оттенок постепенно темнее.
Оттенки и тени имеют специальную терминологию для описания их светлоты:
| Термины оттенков | Термины оттенков |
| Пастельный — легкий оттенок | Тон — легкий оттенок |
| Светлый — добавлено больше белого | Темный — добавлено больше черного |
| Бледный — максимально белый | Глубокий — максимально черный |
Таким образом, в бледном оттенке больше белого, чем в светлом. Глубокий оттенок содержит больше черного, чем темный оттенок.
Оттенки и тени создаются путем смешивания цвета с белым или черным. Соотношения определяют, насколько светлым или темным будет полученное изменение:
| Соотношение оттенков | Соотношение теней |
| 10:1 – 10% белого | 10:1 – 10% черного |
| 5:1 – 20% белого | 5:1 – 20% черного |
| 3:1 – 33% белого | 3:1 – 33% черного |
| 1:1 – 50% белого | 1:1 – 50% черного |
Соотношение 10:1 добавляет лишь немного белого или черного. Соотношение 1:1 создает равномерную смесь.
Есть несколько способов смешивания оттенков и теней:
– С помощью краски, вручную добавляя белую или черную краску
– С помощью программного обеспечения для работы с цветом, используя ползунки для увеличения светлоты или темноты
– С помощью сканирования печатного цвета с наложением оттенка или тени
– С помощью кода, настраивая значения RGB или HSL
Например, в ползунках RGB увеличение значений R, G и B осветляет оттенок. Уменьшение их затемняет оттенок.
Оттенки и тени связаны с теорией цвета:
– Оттенки являются аналогичными цветами, поскольку они осветляют оттенок
– Оттенки являются дополнительными цветами, поскольку добавление черного противоположно оттенку
– Значение изменяется, в то время как оттенок остается узнаваемым
– Позволяет варьировать оттенок, сохраняя цветовую гармонию
Вот несколько примеров распространенных оттенков и теней:
| Цвет | Оттенок | Тень |
| Красный | Розовый | Бордовый |
| Желтый | Кремовый | Охра |
| Зеленый | Мятный | Лесной |
| Синий | Небесный | Темно-синий |
| Фиолетовый | Лавандовый | Винный |
В зависимости от пропорций смешивания возможно бесконечное количество оттенков и полутонов.
Оттенки и полутона имеют множество практических применений:
– В дизайне для визуально приятных цветовых схем
– В моде для разнообразной одежды цвета
– В макияже для индивидуальной палитры оттенков
– В печати для точной цветопередачи
– На веб-сайтах для уменьшения резкого контраста
– В дизайне интерьера для изысканной эстетики
– В искусстве для добавления глубины, объема, света и тени
Продуманное использование оттенков и теней имеет много преимуществ:
– Позволяет более динамично использовать базовые цвета
– Обеспечивает нюансы, визуальный интерес и тонкость
– Контролирует контрастность для чувствительных глаз или экранов
– Передает разные настроения с помощью одного оттенка
– Оптически добавляет иллюзию бликов и теней
– Дает глазу больше визуального исследования
Исследования показывают Оттенки и оттенки влияют на эмоции:
| Оттенки | Оттенки |
| Веселый, невинный | Мрачный, достойный |
| Женственный, нежный | Мужественный, сильный |
| Молодой, спокойный | Серьезный, таинственный |
Поэтому оттенки кажутся светлее, а оттенки — весомее. Более светлые оттенки более энергичные, а более глубокие кажутся утонченными.
Контраст между оттенками/тенями должен быть достаточно высоким для удобства чтения. Соответствие WCAG 2.0 AA требует:
– Текст и фон – Коэффициент контрастности 4,5:1
– Графика и смежные цвета – Коэффициент контрастности 3:1
Это гарантирует, что люди с нарушениями зрения все еще смогут воспринимать различия в цвете. Автоматизированные средства проверки контрастности могут проверять коэффициенты.
Подводя итог, оттенки – это более светлые вариации цвета, полученные путем добавления белого, в то время как оттенки – это более темные версии, полученные путем добавления черного. Оттенки кажутся более светлыми и игривыми, в то время как оттенки кажутся более насыщенными и формальными. Совместное использование оттенков и теней создает эстетически приятные и доступные цветовые схемы. Понимание того, как смешивать и применять оттенки и тени, помогает художникам и дизайнерам использовать цвет более эффективно.