Отношение между цветовым контрастом и воспринимаемой темнотой является сложным. На базовом уровне размещение двух цветов с разной светлотой рядом друг с другом создает контраст. Этот контраст заставляет более темный цвет казаться еще темнее по сравнению с ним. Однако на то, как мы воспринимаем цвет и контраст, влияют многие факторы. В этой статье мы рассмотрим основы теории цвета, как контраст влияет на темноту и когда высокий контраст заставляет цвета казаться темнее или светлее.
Цветовой контраст относится к разнице визуальных свойств двух цветов, если смотреть рядом друг с другом. Основными свойствами, которые создают контраст, являются светлота, насыщенность и оттенок.
Контраст светлоты — наиболее значимый тип контраста. Он относится к тому, насколько светлым или темным выглядит цвет. Светлость измеряется от 0 (чистый черный) до 100 (чистый белый). Контраст высокой светлоты создается при сочетании светлых и темных цветов.
Контраст насыщенности возникает при сочетании насыщенных, ярких цветов с тусклыми, приглушенными. Насыщенность относится к интенсивности цвета от сероватого до полностью насыщенного.
Контраст оттенков создается дополнительными цветами (противоположностями на цветовом круге). Однако контраст оттенков в значительной степени зависит также от наличия контраста светлоты и насыщенности.
В целом, контрастирование темного цвета со светлым заставляет темный цвет казаться темнее. Этот эффект сильнее всего, когда цвета сильно контрастируют по светлоте.
Например, средний серый будет казаться светлее на черном и темнее на белом. Сам по себе серый имеет светлоту около 50%. На фоне белого (светлота 100%) серый приобретает более темный вид, может быть, на 40% светлее. Но рядом с черным (яркость 0%) тот же серый будет выглядеть светлее на 30%.
Этот эффект вызван одновременным контрастом. Наши глаза и мозг автоматически сравнивают соседние цвета, преувеличивая различия. Контраст, создаваемый сопоставлением цветов, изменяет наше восприятие их свойств.
Несколько переменных влияют на то, насколько контраст изменяет воспринимаемую светлоту и темноту цветов:
Цветовая область — Контраст оказывает более сильное влияние, когда цветные области равны по размеру. Маленькая цветная фигура на большом фоне оказывает меньшее влияние на фон, чем наоборот.
Расстояние — Эффект контраста сильнее, когда цвета напрямую соприкасаются. С увеличением расстояния эффект уменьшается.
Яркость цвета — Темные цвета больше подвержены влиянию контраста, чем светлые. Темно-серый будет сильнее смещаться по сравнению с белым, чем светло-серый.
Насыщенность — высоконасыщенные цвета создают больший контраст по сравнению с ненасыщенными. Но насыщенные цвета меньше подвержены влиянию контраста, чем приглушенные.
Окружающие цвета — эффекты контраста зависят от всех смежных цветов, а не только от пары. Более экстремальный контраст в одной области может уравновесить меньший контраст в другой.
Хотя контраст обычно заставляет более темный цвет казаться еще темнее, есть некоторые исключения:
Очень темные цвета — почти черные цвета не темнеют намного сильнее по сравнению с белым. Контраст может заставить их казаться немного светлее.
Очень светлые цвета — цвета, близкие к белому, не сильно светлеют на черном, а кажутся немного темнее.
Теплый/холодный контраст — Теплые цвета (красный, оранжевый, желтый) темнеют на холодных фонах (синий, фиолетовый), а холодные цвета светлеют на теплых.
Контраст насыщенности — Насыщенные цвета выглядят темнее и богаче на сером фоне. Но серый и белый не обязательно будут выглядеть темнее на насыщенных цветах.
Дополнительные цвета — Сильный контраст оттенков делает оба цвета более насыщенными. Но он не всегда затемняет один из оттенков.
Понимание этих принципов контраста позволяет дизайнерам использовать цвет более намеренно. Вот некоторые приложения:
Подчеркивание темного цвета — контрастирование целевого цвета с очень светлым фоном, чтобы он казался более насыщенным и ярким.
Ослабление акцента на цвете — окружение цвета элементами с аналогичной светлотой и насыщенностью, чтобы он отступил. Уменьшите контрастность, чтобы сделать его светлее.
Нейтрализуйте цвет — Переходите между яркими цветами с помощью промежуточных серых оттенков и градиентов, чтобы сбалансировать эффекты контраста.
Сделайте светлые тона светлее — Сочетайте светлые оттенки с более темными, чтобы усилить ощущение освещенности.
Сделайте темные оттенки темнее — Используйте светлое окружение, чтобы сделать черные и тени более глубокими и мрачными.
Увеличьте или уменьшите тона — Добавьте тепла с помощью оранжевого контраста или прохлады с помощью синего контраста.
Контраст делает цвета темнее, светлее, насыщеннее или тусклее в зависимости от конкретных задействованных цветов. Особенно сильно страдают темные цвета, которые смещаются на светлом фоне. Но очень темные цвета могут стать немного светлее при высокой контрастности. Холодные цвета также имеют тенденцию усиливаться на теплом фоне. Понимание контраста позволяет дизайнерам использовать его целенаправленно для изменения восприятия цвета.
| Цвет 1 | Цвет 2 | Тип контраста | Влияние на цвет 1 |
|---|---|---|---|
| Темно-серый | Белый | Яркость | Казается темнее |
| Светло-серый | Черный | Яркость | Казается светлее |
| Насыщенный оранжевый | Приглушенный зеленый | Насыщенность | Казается более насыщенный |
| Красный | Синий | Оттенок | Слегка затемненный |
В этой таблице показаны примеры цветовых пар, которые создают различные типы контраста, и как контраст влияет на восприятие первого цвета. Контраст светлоты имеет самый сильный эффект затемнения/осветления. Контраст насыщенности и оттенка изменяет восприятие насыщенности и температуры больше, чем светлоты.