Человеческий глаз по сложности уступает только мозгу. В глазу расположены специализированные рецепторы, которые воспринимают определённые длины волн света, благодаря чему мы способны различать до 10 миллионов уникальных цветов. Понимание таких свойств цвета, как цветовой тон (hue), насыщенность (saturation) и яркость (brightness), позволяет различать тонкие нюансы, которые иначе могли бы остаться незамеченными. Освоение этих свойств не только улучшает восприятие цвета, но и помогает создавать гармоничные и визуально привлекательные дизайны в любом проекте.
Как мы видим цвет
Мы способны видеть цвет благодаря фоторецепторам в наших глазах. Существует два типа рецепторов, отвечающих за зрение:
Палочки (rods) работают при очень низком уровне освещённости. Мы используем их для ночного зрения, поскольку даже небольшое количество света активирует их. Палочки не помогают воспринимать цвета, поэтому ночью мы видим всё в оттенках серого. У животных, которые хорошо видят в темноте, палочек гораздо больше, чем у человека.
Колбочки (cones) требуют намного больше света и отвечают за цветное зрение. У нас есть три типа колбочек: синие, зелёные и красные. Мозг интегрирует сигналы, поступающие от этих колбочек, позволяя нам видеть миллионы цветов. Например, жёлтый цвет мы воспринимаем, когда возбуждаются зелёные и красные колбочки, а синие – нет. Когда все колбочки одинаково возбуждены, мозг воспринимает этот цвет как белый.
Видимый спектр
Цветовой спектр похож на радугу, показывающую все цвета света. Каждый цвет в радуге имеет разную длину волны, которая описывает, насколько вытянуты или сжаты световые волны. Именно длина волны определяет цвет, который мы видим. Более длинные волны воспринимаются как красный цвет, а короткие — как синий или фиолетовый. Фиолетовый и синий цвета имеют самые короткие длины волн, в то время как у красного цвета самая длинная видимая длина волны – от 635 до 700 нм.
Дизайнеры могут использовать это знание для создания цветовых комбинаций, которые визуально привлекательны и передают нужное настроение или сообщение. Например, цвета с более длинными волнами, такие как красный и оранжевый, часто воспринимаются как тёплые и энергичные, тогда как цвета с более короткими волнами, такие как синий и фиолетовый, воспринимаются как спокойные и холодные. Понимая, как длина волны влияет на восприятие цвета, дизайнеры могут выбирать цвета, которые усиливают пользовательский опыт и вызывают желаемый эмоциональный отклик.
Аддитивная цветовая модель RGB
Исаак Ньютон первым организовал цвета в то, что сегодня называется аддитивным цветовым кругом (additive color wheel). Эта система называется «аддитивной» (от англ. additive — «добавляющая»), поскольку при сочетании цветов света с этого круга они образуют чистый белый свет.
Существуют и другие цветовые системы, например, RYB (используемая художниками при рисовании красками) или CMYK (используемая при печати). В этом уроке мы сосредоточимся на цветовой системе RGB, применяемой в цифровых дисплеях. Именно эта система используется в камерах, телевизорах и компьютерных экранах. Также именно так наши глаза воспринимают цвета.
В системе RGB экраны создают цвета с помощью света, смешивая красный, зелёный и синий свет в разных пропорциях — этот процесс называется аддитивным смешением. Все цвета на экране начинаются с чёрного, что означает отсутствие света. Добавляя красный, зелёный и синий свет, экран создаёт разные цвета, регулируя интенсивность каждого из них для получения различных оттенков. Когда эти три цвета сочетаются с одинаковой интенсивностью, получается чистый белый свет.
Цветовой тон (hue)
Цветовой тон (Hue) — это другое название цвета, такого как красный, синий, зелёный или жёлтый. Когда мы говорим о цветовом тоне, то имеем в виду цвет в его чистом виде, без добавления чёрного, белого или серого.
Цветовой тон определяется доминирующей длиной волны света, которую мы воспринимаем. Например, когда мы видим красный, свет, попадающий в глаза, имеет доминирующую длину волны, из-за чего мы воспринимаем его именно как красный.
Хотя принято говорить, что цветовой тон соответствует одной длине волны, это не значит, что остальные волны отсутствуют. Например, синий кажется синим не потому, что других длин волн нет. В каждом цветовом тоне содержатся все длины волн видимого света, однако одна конкретная длина волны выделяется сильнее других и делает цвет различимым для нашего глаза. Эта доминирующая длина волны и придаёт каждому цветовому тону его уникальность.
Цветность (Chroma)
Цветность (Chroma) — это показатель чистоты, интенсивности или насыщенности цвета. Она описывает, насколько ярким или тусклым кажется цвет. Цвета с высокой цветностью максимально яркие и чистые, то есть имеют наибольшую возможную интенсивность без изменений.
Можно уменьшить интенсивность цветового тона, добавляя серый цвет, что снижает цветность и делает цвет менее ярким. Чем больше серого добавлено, тем тусклее становится цвет. В конечном итоге, если продолжать добавлять серый, цвет потеряет всю свою интенсивность и превратится в чистый серый. Это происходит при насыщенности в 0%, когда цветовой тон полностью теряет свои исходные свойства.
Другой способ уменьшения цветности — добавление к цветовому тону его дополнительного цвета. Например, красный и циан (cyan) — дополнительные цвета. Если добавить циан к красному, красный становится менее интенсивным и более серым. При смешивании равных пропорций красного и циана они полностью нейтрализуют друг друга, и в результате остаётся нейтральный серый цвет.
Цветовая светлота (Color value)
Светлота (Value) — это степень светлоты или темноты цвета. Она показывает, где находится конкретный цвет между белым и чёрным. Белый цвет обладает самой высокой светлотой, а чёрный — самой низкой.
У любого цвета увеличение светлоты делает его светлее, а уменьшение — темнее. При этом разные цвета воспринимаются по-разному, поскольку длины их волн отличаются. Например, полностью насыщенный жёлтый всегда будет выглядеть светлее, чем полностью насыщенный синий.
Светлый тон (tint)
Светлый тон (Tint) получается, когда в цвет добавляют белый, делая его светлее. Светлые тона также иногда называют пастельными. Они могут варьироваться от почти полной насыщенности исходного цветового тона до белого.
Создание светлых тонов также снижает насыщенность цвета, делая его менее интенсивным. Например, светлый тон красного становится розовым, а светлый тон синего — нежно-голубым (baby blue). Менее насыщенные цвета меньше привлекают внимание и помогают направить фокус пользователя на другие области дизайна.
Тёмный оттенок (Shade)
Добавление чёрного цвета делает исходный цвет темнее, создавая тёмные оттенки (Shades). Например, добавив чёрный к красному, вы получите глубокий бордовый цвет.
Вы можете добавлять разное количество чёрного к любому цветовому тону, создавая различные оттенки. Они могут варьироваться от немного более тёмной версии исходного цвета до глубокого, почти чёрного цвета, в котором всё ещё заметен исходный оттенок.
Тёмные оттенки используются для добавления глубины и контраста в дизайн, живопись и рисунки. С их помощью можно создавать тени, акцентировать внимание на отдельных элементах или передавать определённое настроение.
Тон (Tone)
Тоны (Tones) создаются путём смешивания чистого цветового тона (hue) с серым, что снижает интенсивность цвета и придаёт ему приглушённый вид. Этот процесс называется десатурацией (desaturation).
Тоны обычно выглядят мягче и менее ярко, чем исходный цвет, что делает их полезными для добавления в дизайн тонкости и глубины. Регулируя количество серого, добавленного к цветовому тону, вы получаете различные тона, которые могут варьироваться от слегка приглушённых до значительно смягчённых.
В дизайне и брендинге тона полезны для создания вариативности без значительного отклонения от основной цветовой схемы. Они позволяют поддерживать единство стиля, добавляя при этом разнообразие и баланс.
Основные (первичные) цвета (Primary colors)
Основные цвета (Primary colors) — это базовые цвета, из которых создаются все остальные. В аддитивной цветовой модели RGB основными цветами являются красный, зелёный и синий. При смешивании в разных пропорциях эти цвета образуют широкий диапазон оттенков, включая белый цвет при полном равном сочетании.
Эти цвета называются «основными», так как их невозможно получить путём смешивания других цветов. Вместо этого их используют для создания всех остальных цветов при различных комбинациях. Например, смешивание красного и синего даёт фиолетовый, красного и зелёного — жёлтый, а зелёного и синего — циан.
Дополнительные (вторичные) цвета (Secondary colors)
В цветовой модели RGB дополнительные цвета (Secondary colors) получаются путём смешивания любых двух основных цветов — красного, зелёного и синего. Дополнительными цветами в этой модели являются циан, маджента и жёлтый. Вот как они образуются:
- Циан (Cyan): получается смешиванием зелёного и синего.
- Маджента (Magenta): получается смешиванием красного и синего.
- Жёлтый (Yellow): получается смешиванием красного и зелёного.
Дополнительные цвета в модели RGB необходимы для создания полного спектра цветов, которые мы видим на цифровых устройствах. Они играют важную роль в дизайне изображений, графики и видео, так как помогают достичь яркого и точного отображения цветов.
Третичные цвета (Tertiary colors)
В цветовой модели RGB третичные цвета (Tertiary colors) создаются путём смешивания одного основного цвета (красного, зелёного или синего) с дополнительным цветом (жёлтым, цианом или маджентой). Этот процесс позволяет получить более сложную и разнообразную палитру цветов, важную в цифровом дизайне.
К третичным цветам относятся такие оттенки, как:
- Янтарный (Amber): тёплый золотистый цвет, получаемый при смешивании красного и жёлтого, с преобладанием красного оттенка.
- Киноварь (Vermilion): яркий красно-оранжевый цвет, достигаемый при добавлении большего количества красного к жёлтому.
- Шартрёз (Chartreuse): яркий желтовато-зелёный цвет, получаемый смешиванием жёлтого и зелёного.
- Весенний зелёный (Spring green): свежий, ярко-зелёный цвет, образуемый смешиванием зелёного и циана.
Эти цвета обеспечивают тонкие вариации, которые обогащают и углубляют цифровые визуальные образы.онкие цветовые вариации, обогащая визуальные композиции и придавая им глубину.
Тёплые и холодные цвета (Warm vs cool colors)
Воспринимаемая цветовая температура относится к тому, насколько тёплым или холодным кажется нам цвет, что оказывает влияние на наши эмоции и восприятие. Цвета обычно делят на тёплые и холодные в зависимости от их визуального восприятия.
Цвета с более длинными длинами волн, такие как красный, оранжевый и жёлтый, воспринимаются как более тёплые. В то же время цвета с более короткими длинами волн, такие как синий, зелёный и фиолетовый, воспринимаются как холодные.
Источники
- Color in Business, Science, and Industry | Google Books
- How Do We See Light? | Ask A Biologist
- The Basic Properties of Color | The Beat: A Blog by PremiumBeat