Цвет кажется постоянным свойством предмета: мы называем стену синей, листья зелёными, а чашку белой. Но зрительное впечатление зависит не только от поверхности. На него влияют соседние цвета, освещение, яркость, фактура, адаптация зрения и особенности устройства, на котором мы смотрим. Поэтому один и тот же оттенок может выглядеть холоднее, светлее или насыщеннее, хотя сам объект не изменился.
Эти малозаметные детали важны не только художникам и дизайнерам. Они помогают объяснить, почему краска на стене кажется иной, чем на образце, почему текст трудно прочитать на цветном фоне и почему фотография на телефоне не всегда совпадает с реальностью. Ниже — справочник по главным факторам цветового восприятия и способам учитывать их в быту и визуальной работе.
Цвет — это не только свойство предмета
Поверхность предмета отражает часть попадающего на неё света и поглощает другую часть. Зрительная система получает отражённый свет и формирует впечатление о цвете. На результат влияют и спектр освещения, и свойства поверхности, и окружение. Поэтому в строгом смысле наблюдатель видит не «цвет сам по себе», а цвет при определённых условиях.
Мозг старается распознавать предметы устойчиво, даже если освещение меняется. Этот процесс помогает нам узнавать знакомую вещь утром, вечером и в тени. Однако такая зрительная адаптация не делает восприятие безошибочным: при необычном или смешанном освещении оттенок может заметно сдвинуться. Особенно чувствительны к этому нейтральные серые и белые поверхности.
Контекст: соседние цвета меняют впечатление
Одновременный контраст
Цвета рядом влияют друг на друга. Серый квадрат на оранжевом фоне может казаться более холодным, чем такой же серый квадрат на синем. Это не означает, что серый пигмент изменился: меняется впечатление от него на фоне окружения. Чем больше площадь соседнего цвета и чем сильнее различие между цветами, тем заметнее может быть эффект.
На этом основаны многие оптические иллюзии, но принцип действует и в обычных задачах. Образец краски, приложенный к белой стене, воспринимается иначе, чем тот же образец рядом с тёмной мебелью. Маленький цветовой фрагмент также трудно оценить так же, как большую окрашенную поверхность: изменяется соотношение между образцом и фоном. Поэтому перед выбором отделки полезно смотреть на крупный выкрас в самом помещении.
Одновременный контраст светлоты и насыщенности
Соседство влияет не только на оттенок, но и на кажущуюся яркость и насыщенность. Яркий цвет рядом с приглушённым нередко выглядит ещё интенсивнее, а светлый элемент на тёмном фоне — светлее. Это важно в графике и интерфейсах: цвет, который выглядит выразительным отдельно, может потеряться среди других акцентов или, наоборот, чрезмерно выделиться.
Освещение и адаптация зрения
Лампы и дневной свет различаются спектральным составом. Два источника могут казаться человеку одинаково белыми, но по-разному передавать оттенки освещённых предметов. Например, ткани или краски, которые выглядят близкими при одном освещении, могут различаться при другом. Такое изменение называют метамерией: разные спектральные составы света от объектов совпадают для наблюдателя в одних условиях, но расходятся в других.
Практическое следствие простое: цвет вещи желательно оценивать при том освещении, где её будут использовать. Ткань для комнаты стоит смотреть при свете этой комнаты, а косметический оттенок — при освещении, в котором его обычно применяют. Если выбор важен, сравните образцы у окна и при искусственном свете, не полагаясь на одно короткое наблюдение. Для точной цветовой работы освещение и условия просмотра задают заранее и сохраняют постоянными.
После перехода из яркого места в тёмное зрению требуется время, чтобы приспособиться. В этот период субъективная оценка яркости и цвета может быть нестабильной. Поэтому не стоит сравнивать два оттенка, если один долго рассматривали на ярком экране, а другой — в тусклом помещении. Небольшая пауза и одинаковые условия просмотра уменьшают влияние такой адаптации.
Светлота, яркость и контраст — не одно и то же
В повседневной речи слова «яркий» и «светлый» часто смешивают, но для описания цвета полезно различать их. Светлота — характеристика того, насколько цвет воспринимается близким к белому или чёрному. Яркость относится к впечатлению от светового стимула и зависит, в частности, от уровня освещения и экрана. Насыщенность описывает, насколько цвет выглядит чистым или приглушённым. Эти параметры можно менять по отдельности, хотя в реальных изображениях они часто взаимодействуют.
Контраст — различие между элементами, которое помогает отделять их друг от друга. Он может быть связан с различием светлоты, оттенка или других признаков, но для чтения особенно важен контраст по светлоте. Два насыщенных цвета способны выглядеть разными, однако текст между ними всё равно может быть трудночитаемым, если их светлота близка. Поэтому подбор «разных» оттенков сам по себе не гарантирует ясного изображения.
Поверхность: матовость, блеск и фактура
Один пигмент на матовой и глянцевой поверхности может выглядеть по-разному. Глянец создаёт блики, которые меняются в зависимости от положения источника света и наблюдателя. Блик может скрывать цвет участка или делать его визуально светлее. Матовая поверхность обычно рассеивает отражённый свет более равномерно, но фактура всё равно формирует мелкие светотеневые различия.
Объём и форма тоже важны. На округлой поверхности освещённые и затенённые участки воспринимаются как разные по светлоте, хотя материал может быть окрашен одним цветом. На фотографии к этому добавляются экспозиция, баланс белого, обработка и характеристики дисплея. По одному снимку нельзя надёжно судить о точном цвете предмета, особенно если рядом нет нейтрального ориентира и условий съёмки.
Экран и печать: почему оттенки не совпадают
Экран создаёт изображение из света, а печатная поверхность отражает свет из окружающей среды. Это разные способы формирования зрительного впечатления, поэтому совпадение экранного и печатного цвета не гарантируется. Кроме того, мониторы и телефоны отличаются настройками, яркостью, цветовым охватом и режимами отображения. Автоматическая регулировка экрана может менять впечатление от изображения в зависимости от условий.
Цветовой охват устройства — это диапазон оттенков, который оно способно воспроизвести в заданной системе. Если цвет изображения выходит за этот диапазон, экран отображает его приближённо. Даже устройства с широким охватом могут быть настроены по-разному. Важная цветовая задача требует калиброванного оборудования и контролируемых условий, но для повседневного просмотра достаточно помнить: экран показывает интерпретацию, а не универсальный эталон цвета.
Где эти знания полезны
- При выборе краски и материалов. Сравнивайте достаточно крупные образцы на месте, смотрите на них при дневном и искусственном освещении, учитывайте соседние поверхности.
- В одежде и предметах интерьера. Проверяйте, как оттенки выглядят рядом друг с другом и при том освещении, где вещь будут носить или использовать.
- В графике и интерфейсах. Не полагайтесь только на различие оттенков: важные элементы должны различаться также по светлоте, форме, подписи или расположению.
- При фотосъёмке. Учитывайте источник света и автоматический баланс белого; изображение на другом экране может выглядеть иначе.
Сравнение факторов цветового восприятия
| Фактор | Что меняется | Как проверить |
|---|---|---|
| Соседний цвет | Кажущиеся оттенок, светлота и насыщенность | Сравнить образец на нескольких фонах |
| Освещение | Цвет отражённого от предмета света | Посмотреть при разных источниках света |
| Поверхность | Блики, тени и видимая насыщенность | Оценить материал под несколькими углами |
| Экран | Доступный диапазон и вид изображения | Проверить на другом устройстве, не считая его эталоном |
| Контраст | Различимость текста и деталей | Оценить светлоту фона и элемента отдельно от оттенка |
Как уменьшить ошибки при выборе цвета
- Сравнивайте в одинаковых условиях. Держите образцы рядом, не меняйте источник света и не оценивайте один цвет на экране, а другой на бумаге.
- Используйте нейтральный фон. Серый или белый фон помогает уменьшить влияние яркого окружения, хотя сам по себе не отменяет особенности освещения.
- Увеличьте образец. Крупный фрагмент лучше показывает впечатление от цвета на большой поверхности, чем крошечный веерный образец.
- Дайте зрению адаптироваться. После смены освещения или длительного просмотра яркого экрана сделайте паузу перед сравнением.
- Проверяйте контраст отдельно. Для текста и важных значков убедитесь, что их можно различить не только за счёт цветового тона.
Для веб-контента можно использовать критерии контрастности WCAG 2.2: для обычного текста уровень AA предусматривает коэффициент контрастности не ниже 4,5:1, а для крупного текста — не ниже 3:1. Это технический критерий доступности, а не гарантия одинаковой читаемости для каждого человека и в любых условиях. Он также не заменяет проверку интерфейса на разных устройствах и не означает, что цвет должен быть единственным способом передать информацию.
Частые вопросы
Почему один оттенок выглядит по-разному на разных фонах?
Зрение оценивает цвет не изолированно, а в сравнении с окружением. Контраст с соседними областями меняет впечатление от светлоты, насыщенности и иногда оттенка. Поэтому для надёжной оценки сравнивайте образцы на одном и том же нейтральном фоне.
Можно ли определить точный цвет предмета по фотографии?
Обычно нет. На снимок влияют освещение, настройки камеры, обработка изображения и экран, на котором его смотрят. Фотография годится для общего представления, но не всегда для точного подбора краски, ткани или печатного цвета.
Почему белая поверхность иногда кажется синей или жёлтой?
Впечатление зависит от спектра освещения и адаптации зрения. Белый предмет отражает падающий на него свет, поэтому при разных источниках света отражённый световой состав отличается. Окружающие цвета также могут смещать субъективное впечатление.
Достаточно ли выбрать контрастные цвета, чтобы текст читался?
Нет: различие по оттенку не обязательно означает достаточное различие по светлоте. Проверяйте контраст текста и фона отдельно, а важную информацию дополнительно обозначайте словами, формой или расположением. Это делает содержание понятнее и людям, которые иначе воспринимают цвета, и при просмотре изображения в неблагоприятных условиях.
Главное
Цветовое впечатление формируется совместно поверхностью, светом, окружением и зрительной системой. Поэтому оценивать оттенок вне контекста — ненадёжно: сравнение лучше проводить на месте, при подходящем освещении и на образце достаточного размера. Для цифровых материалов к этому добавляются особенности экранов, а для текста — необходимость проверять контраст по светлоте, а не только различие оттенков.