Разное 

Цветовая гамма от белого к черному: Цветовая гамма, таблица сочетания цветов

Содержание

Цветовая гамма в одежде | LOOKCOLOR

Цветовая гамма – это гармоничное сочетание цветов. Статья про то, как пользоваться оттенками, удачно их сочетать. Примеры, палитры, фото.

Существует огромное множество различных оттенков, а варианты их комбинаций превышает доступные пониманию цифры. Даже целой нации за 100 лет не перебрать все возможные варианты. А среднестатистический человек в жизни примеряет на себя не более 300-700 сочетаний. В большинстве случаев они строятся на основе серых, черных и белых оттенках, реже бежевых и коричневых. Такая ограниченность создает однобокие гардеробы со скучными цветовыми гаммами. И как-то забывается, что интересная женщина должна быть разной.

Как не раз уже на этом сайте говорилось, цвет – мощный инструмент влияния на психику человека. А какая женщина не манипулятор, какая женщина без частых смен настроений? В нас природой уже заложено пользоваться обширной цветовой гаммой. С помощью цвета мы создаем настроение и себе и окружающим. К тому же цветочувствительность у женщины гораздо выше, чем у мужчин (хотя это не значит, что их подсознание закрыто от влияния разных оттенков).

Простые и сложные цветовые гаммы

Цветовая гамма в одежде – это не только сочетание цветов в тканевой ее части. Это общий ансамбль, который включает в себя обувь, сумочку, колготки, юбку, платье, кофту, аксессуары и т.д. Чем меньше на вас одежды, тем проще ее гармонично составить.

Сложность цветовой гаммы зависит от количества входящих в нее цветов. Так простыми будут:

1. Однотонная гамма
2. Двухцветная гамма
3. Трехцветная гамма

Одно время было модно подбирать один цвет в одежде. Это скорее сложно, чем красиво, так как одиночный цвет теряет свою выразительность. Поэтому желательно в пределах одного тона использовать оттенки разной насыщенности.

Двухцветная и трехцветная гаммы представляют больший интерес.

К сложным гаммам относятся:

4. Четырехцветная гамма
5. Пятицветная гамма

6. Шестицветная гамма
7. и более

Эти гаммы используются либо в комплекте одежды с большим количеством деталей или в сочетании тканей с рисунком. Более шести цветов в одежде (если это не оттенки уже имеющихся) будут смотреться слишком пестро и не комфортно глазу.

Сложные цветовые гаммы хороши тем, что их можно разбить на более простые.

Далее мы рассмотрим примеры цветовых гамм для разных стилей одежды. Конечно, они составляют мельчайший кусочек из возможных, но этот сайт целиком посвящен цветовым сочетаниям (цветовым гаммам). В цветных вкладках в шапке сайта вы сможете найти различные оттенки и шестицветные сочетания с ними. А так же в рубрике мода на цвет – подбор цветов, обуви и аксессуаров.

Цветовая гамма делового стиля одежды

Цветовая гамма делового стиля не превышает 4 цветов. Наилучшими считается 2-3 цвета, а при 4-х – два из них должны быть близкими по тону. В основу делового стиля ложатся многофункциональные цвета: черный, темно-синий, белый, серый, бежевый. Затем сдержанные, мало эмоциональные,

средние по теплоте оттенки: коричневые, бордовые, серо-синие, цвета морской волны, бутылочные, изумрудные, горчичные, песочные, темно-лиловые.

В светлых оттенках преобладают пастельные цвета: все оттенки бежа, лиловые, голубые, золотые и т. д.

Основная задача цветовой гаммы в деловом стиле одежды – создать нейтральный или располагающий фон для успешных переговоров.

Так, преобладание темных тонов в сочетании одежды добавляет вам солидности.

Превалирование светлых оттенков — настраивает на позитив, беседа может перейти в более дружеское русло.

Контрастное сочетание темных и светлых – создают нейтральный фон для беседы.

Цветовая гамма классического стиля одежды

По сложности – она сродни с цветовой гаммой делового стиля. Преимущественно 2-3 цвета, но возможна и полноценная четырехцветная палитра.

Классическая гамма отличается от деловой, разнообразием доступных оттенков и цветовых акцентов. Основная черта сочетаний – сдержанность, подчеркнутая элегантность. Броские краски считаются дурным тоном, поэтому отвергаются все светлые насыщенные, чистые тона. Чем сложнее цвет, тем больше он подходит в цветовую гамму классического стиля. Исключением является чистый красный цвет.

Сочетания строятся на основе черного, темно-синего, серого, коричневого цвета. Темные цвета в классическом стиле предпочтительны, хотя светлая палитра тоже присутствует.

Светлая цветовая гамма строится на основе белого, бежевого, светло-серого, светло-коричневого оттенков. Дополнительные цвета подбираются из пастельной гаммы.

В классическом стиле вы сможете использовать такие цвета, как серо-фиолетовый, кобальтовый, глубоко бирюзовый, серо-синий, голубой, серо-голубой, бордовый, малиновый, брусничный, рыжий, терракотовый, персиковый, бледно-розовый, лиловый, песочный, золотой, верблюжий, цвет молодой пшеницы, оттенки охры, множество оттенков приглушенной зелени.

Цветовая гамма вечернего стиля одежды

В этом формате приветствуются яркие, чарующие оттенки. Сложность цветовой гаммы может достигать до пяти цветов. Задача вечернего гардероба – привлекать внимание и подавать вас в выгодном свете. Поэтому возникает сложность в выборе основного цвета (в данном стиле это необходимо) – он должен быть идеально вам к лицу. В отличие от «классических» цветов (черного, белого, серого, коричневого), которые идут практически всем, остальные оттенки «капризны» в отношении сочетания с внешностью. Для подбора цвета следует использовать теорию цветотипов (см. рубрику «ваш цветотип»).

В вечернем стиле используется и темная, и средняя, и светлая цветовая гамма. Цвета должны быть, если не насыщенными, то отчетливыми. Чаще всего используются сочетания с черным, белым, золотым, серебряным цветами. Если вы используете пастельные тона, то их необходимо дополнить контрастным или более сильным по насыщенности оттенками, либо золотым или серебряным цветами.

В вечернем стиле приветствуются темно-синие, бирюзовые, сине-зеленые, индиго, электрические, голубые, лазурные, изумрудные, болотные, оливковые, мятные, желтые, светло-желтые, золотые, розовые, маджентовые, лиловые, малиновые, бордовые, брусничные, рубиновые, красные, алые, оранжевые, персиковые, рыжие, терракотовые, сиреневые, фиолетовые, аметистовые и др. цвета.

Цветовая гамма романтического стиля одежды

Романтический стиль одежды допускает шеcтицветовую гамму за счет комбинирования тканей с рисунком. Но это не значит, что более простые гаммы должны игнорироваться. Романтика в этом стиле достигается за счет мягких, трепетных постельных тонов в сочетании с более смелыми, но столь же наивными оттенками. Темные тона, за исключением  черного, практически не используются. Средними оттенками могут быть маджентовые, лиловые, серо-синие, темно-голубые, бирюзовые, цвет яйца дрозда, коричневые тона ближе к желтым и оранжевым, морковные, медовые, цвета охры, коралловые, терракотовые, амарантовые, цвета красной розы, клубничные, сиреневые, аметистовые, оливковые, цвет лягушка в обмороке и т. д.

Пастельные – основные – тона будут представлены светлой бежевой гаммой, сильно разбавленными белым цветом желтые, оранжевые, красные, розовые, голубые и сиреневые оттенки.

В целом цветовая гамма может целиком стоять из пастельных тонов, а может оттеняться контрастным цветом.

Цветовая гамма стиля кэжуал

Кэжуал – полу спортивный стиль или стиль большого города. В отличие от спортивной одежды, в которой преобладают яркие и контрастные оттенки, кэжуал стремится минимально привлечь к себе внимание. Основная задача такой одежды – комфорт, как тактильный, так и зрительный. Поэтому основными оттенками будут цвета средней светлоты и насыщенности: все оттенки коричневого, приглушенные синие, фиолетовые ближе к серому, оттенки охры, рыжие, терракотовые, амарантовые, серые, приглушенные зеленые, хаки. Черный цвет чаще дополняет, чем используется как основной. Светлые оттенки стиля кэжуал относятся к пастельной гамме, но в отличие от романтической, они стремятся к серым оттенкам.

Сочетания этого стиля – плавные, без резких переходов и если есть аксессуар, оттеняющий его, то он не бросается в глаза как, например, красный цвет, а эргономично вписывается в композицию. В целом, цветовая гамма имитирует природные комбинации цветов.

Цветовая гамма творческого стиля

Это самая разнообразная палитра с самыми неожиданными сочетаниями. В большинстве случаев выбираются либо яркие акценты, либо в целом довольно броская комбинация. Конечно, и сложность гаммы не ограничена, хотя стоит помнить, что более шести оттенков будут напрягать глаз. Как не странно, но в этом стиле часто используется черный цвет, и как основа, и как дополняющий. С помощью него достигается предельная контрастность, к которой стремятся творческие люди.

В общем, в этот стиль можно вписать все оттенки, пределом сочетаемости которых будет гармоничность их между собой и с вашей внешностью. Казалась бы все так просто, но как раз таки отсутствие рамок делает этот стиль самым сложным, так как вы ходите по тонкой грани безобразия и креативности.

ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)

Оставить комментарий

(только на русском языке)

250 фото, гармоничные цветовые сочетания, советы

Каждый человек, хоть раз в жизни столкнувшийся с ремонтом в квартире или доме, решал животрепещущую проблему: какие цвета и оттенки выбрать для оформления интерьера? Понятно, что они должны быть приятными для тех, кто будет жить в данном антураже. Выбранные цвета не должны вызывать негативных реакций, отторжения, головной боли или ввергать в состояние тоски. Но ведь это далеко не все! Мало найти краску, обои или фасады гарнитура для гостиной, оттенок которых будет идеально соответствовать хозяйскому чувству прекрасного. Нужно грамотно совместить различные тона, дополнить интерьер интересными фокусными элементами.

Цвет способен на многое. Он создает определенное настроение в помещении. Полностью раскрывает достоинства комнаты и «прячет» недостатки. Он способен вдохновлять и восхищать, напитывать энергией и будить негативные стороны человеческого характера. Неправильно подобранный цвет – это катастрофа. То, что на фото в каталоге, в определенном освещении, смотрелось божественно, дома может превратиться в унылый, тусклый цвет. Он будет душить, полностью убивая впечатление от дорогой мебели и качественного текстиля.

Даже опытные дизайнеры множество раз перекрашивают стены при дневном и искусственном освещении в конкретной комнате, чтобы понять, какой именно результат будет получен. То же самое можно сказать о выборе обоев. Один и тот же рисунок по-разному смотрится на витрине магазина, под люминесцентными лампами, залитый солнцем, бьющим в окно, и в теплом свете домашней люстры. Восприятие также зависит от текстуры поверхности – глянцево-блестящей, фактурной, матовой. Еще более придирчиво подбирают сочетания оттенков разных цветов или одного цвета, но различной насыщенности.

Сегодня мы поговорим о правилах и нюансах, раскрывающих секреты цветовых сочетаний в различных интерьерах. Специалисты расскажут, какие тона можно смело компоновать, от чего лучше отказаться.

Какие факторы влияют на выбор?

Современные интерьерные направления раскрывают простор для творчества и нестандартного подхода к решению типовых задач. Нет четко заданных границ и канонов, поэтому любой владелец недвижимости может выбрать интерьер по своему вкусу. Цветовые сочетания выбирают, исходя из разных соображений.

  • Самым важным критерием является цветовое восприятие – глубоко личное, индивидуальное ощущение, вызываемое у человека тем или иным цветом. Кому-то больше нравятся теплые, огненные цвета, а для кого-то красный – это одна большая головная боль. Есть люди, которые предпочитают совершенно нейтральную, серую или бежевую гамму. Если оттенок вызывает интуитивное неприятие, не стоит включать его в интерьер.

  • Не стоит исключать и темперамент домочадцев, а также тот настрой в комнате, который планируется получить. Некоторые оттенки способны взбодрить, насытить энергией, стимулировать работу мозга. Они никак не подходят для спальни, зато создают отличную рабочую атмосферу в кабинете или гостиной. И, напротив, есть оттенки, которые помогут успокоиться, расслабиться, погрузиться в свой внутренний мир.

  • Пастельная, минимально контрастная палитра, создает легкие, воздушные интерьеры. Их невесомой прелестью можно наслаждаться в течение многих лет. Они умиротворяют, создают ощущение теплого, гостеприимного дома.

  • Контрастные, насыщенные цвета зовут к действию. Они очень хорошо подходят для сложных, творческих натур, а также лидеров, которые стремятся к доминированию во всем.

Если ремонт уже начат, а в голове нет абсолютно никаких идей по поводу цветовой палитры, стоит воспользоваться готовыми, давно и успешно отработанными, решениями.

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    34 740 ₽ 49 629 ₽

    -30%

    Цена за всю кухню

    Общие размеры

Схемы цветосочетаний

Если хозяева теряются с выбором, на помощь приходят готовые схемы цветовых сочетаний. Они созданы на основе цветового круга, и широко применяются профессиональными дизайнерами.

Чтобы разобраться, как правильно комбинировать цвета, стоит понять, чем отличается каждый тон по-отдельности. Цвет имеет три основных характеристики. Изменение каждой из них приводит к тому, что мы видим его немного по-другому:

  • цвет – это особенность восприятия глазами человека световых волн. Электромагнитная волна несет собственную информацию, имеет свой спектр. Есть ахроматические – белый, серый, черный, и цветные, хроматические – зеленый, синий, красный, желтый. Также различают спектральные и неспектральные цвета (пурпур). Каждый из нас видит цвета по-особенному. Это зависит от строения глаза, особенностей психики;

  • насыщенность тонов зависит от их чистоты. Так, самыми насыщенными из желтой палитры будут лимонный и канареечный тона. Самыми приглушенными, пастельными – оттенки ванили, соломы, шампанского. Чтобы снизить насыщенность, его смешивают с чисто-белым, светло-желтым, добавляют немного черного. Например, медовые, янтарные и горчичные тона также являются приглушенными;

  • яркость – это степень близости к чисто-белому цвету. Наиболее светлыми считаются, например, мятные и весенние тона. А темными – оттенки хаки, хвои, изумруда и малахита, оливы.

При работе с цветовой палитрой, необходимо учитывать все три показателя. Проще всего совмещать разные цвета, имеющие одинаковую насыщенность и яркость. Например, розовый хорошо сочетается с небесно-голубым, бирюзовым или светло-зеленым. А бордовый замечательно смотрится с фиолетовым или бархатистым синим.

Применяя схемы, необходимо помнить: каждый человек индивидуален. Нет единого, идеального для всех рецепта. Если в предложенном сочетании один из оттенков не нравится, выглядит слишком мрачным, тусклым или вызывает внутреннее неприятие, его стоит заменить. Есть люди, которые вполне комфортно чувствуют себя в стерильно-белом пространстве. Найдется и оригинальный взгляд на жизнь, который выражается в смелом сочетании ярко-бордового, черного, белого и изумрудного.

Выбор цветовой гаммы в зависимости от назначения помещения

При выборе палитры огромное значение имеет функционал комнаты.

  • Для спален предпочтительны неяркие, спокойные природные тона. Можно создать монохромный коричнево-бежевый интерьер, или выбрать нежные розовато-зеленые тона, которые прекрасно успокаивают нервы, способствую крепкому, безмятежному сну.

  • При оформлении детской стоит поинтересоваться мнением самого ребенка, и учесть его характер. Спокойным, слегка флегматичным, малышам не повредят яркие, праздничные краски. А гиперактивному ребенку подойдет нейтрально-прохладный интерьер.

  • На кухне нежелательно использовать больше 2-3 цветов. Обычно выбирают один из трех вариантов: нейтральные стены с яркими фасадами кухонного гарнитура; сливающийся со стенами, неяркий гарнитур и выразительный кухонный фартук; насыщенные стены и мебель.

Гостиная предоставляет полную свободу творчества. Она может быть как воздушно-пастельной, так и феерично-красочной, в стиле авангард или поп-арт.

  • Быстрый просмотр

    Цена за всю гостиную

    Общие размеры

  • Быстрый просмотр

    32 732 ₽ 46 760 ₽

    -30%

    Цена за всю гостиную

    Общие размеры

  • Доставим завтра

    Быстрый просмотр

    Цена за всю гостиную

    Общие размеры

    длина

    272,4/152,4 см

  • Быстрый просмотр

    40 096 ₽ 50 120 ₽

    -20%

    Цена за всю гостиную

    Общие размеры

  • Быстрый просмотр

    38 922 ₽ 55 603 ₽

    -30%

    Цена за всю гостиную

    Общие размеры

  • Быстрый просмотр

    Цена за всю гостиную

    Общие размеры

Комбинации цветов

А теперь рассмотрим конкретные примеры цветовых сочетаний.

Монохромная гамма

Самый простой вариант, в котором очень трудно совершить непоправимую ошибку, – это сочетание оттенков одного цвета. Такой интерьер называется монохромным. Например, если нравится персиковый цвет, то его можно смело комбинировать со следующими вариантами:

  • дынный, коралл;

  • нежно-персиковый, карамель;

  • буйволовой кожи;

  • пляжного песка;

  • заварного крема.

Каковы основные правила?

  • Не нужно пытаться раскрасить интерьер во все доступные тона. Достаточно выбрать 3-4 подтона из тех, что вызывают наиболее приятные ощущения. Этого хватит, чтобы создать любой интерьер, от динамично-современного, до нежно-романтичного.

  • Не существует единых рекомендаций. Можно брать близкие друг к другу подтона, принадлежащие одному сектору цветового круга, и расположенные рядышком. Например, рубин и гранат. Или же выбирать самые насыщенные тона, выгодно выделяющиеся на фоне пастельных. Так, изумительно смотрится дуэт ванильного оттенка с канареечным или горчичным. Во втором случае интерьер получится высококонтрастным. В первом же один тон будет плавно, незаметно, переходить в другой.

Гармоничная гамма

Данное цветовое сочетание имеет еще одно название – аналогичное. Для оформления интерьера выбираются 2-3 цвета, лежащие на цветовом круге рядом друг с другом, то есть: синий – сине-фиолетовый; красный – красно-оранжевый; зеленый – бирюзовый – желто-зеленый. Можно брать их оттенки любой насыщенности. Благодаря дополнительным тонам, такой интерьер выглядит более богатым, роскошным, нежели одноцветные варианты.

Гармоничная гамма воспринимается подсознанием очень благосклонно. Такие цветовые сочетания часто встречаются в природе, а потому с детства привычны и знакомы. Даже насыщенные, фруктовые и цветочные оттенки, не раздражают глаз. Напротив, они поднимают настроение, дарят тепло и даже способствуют лучшему перевариванию пищи.

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Доставим завтра

    Быстрый просмотр

    35 070 ₽ 50 100 ₽

    -30%

    Цена за всю кухню

    Общие размеры

  • Доставим завтра

    Быстрый просмотр

    39 222 ₽ 56 031 ₽

    -30%

    Цена за всю кухню

    Общие размеры

  • Хит

    Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

  • Быстрый просмотр

    Цена за всю кухню

    Общие размеры

Комплементарная гамма

Контрастные цвета и оттенки добавляют в интерьер динамики. Они отлично оживляют интерьер, придают ему индивидуальность и энергию. В цветовом круге такие тона расположены друг напротив друга. Примеры таких пар:

  • лавандовый – лимонный или шампань – светло-лиловый;

  • апельсиновый – васильковый или светло-оранжевый – незабудковый;

  • мшисто-зеленый – насыщенно-красный или мятный – розоватый;

  • белый – черный или кремовый – серый.

Специалисты рекомендуют выбирать оттенки разных цветов одинаковой насыщенности. То есть, яркий синий требует такого же насыщенно-апельсинового тона, а нежные пастельные оттенки великолепно сочетаются друг с другом. Разбавить приглушенную гамму можно парой ярких акцентов. А насыщенные цвета лучше всего компонуются со спокойными, нейтральными красками.

Комплементарная палитра также часто встречается в природе: стоит лишь взглянуть на поросший полевыми цветами луг, выйти на лесную опушку или берег водоема. Именно поэтому она воспринимается естественно, не вызывая отторжения.

Тройная палитра

Более сложный дизайнерский прием – это цветовая триада. Интерьер в трех различных оттенках выглядит намного богаче. Но и требует наличия тонкого чувства прекрасного, умения грамотно сочетать различные цветовые решения. Традиционно используют два варианта:

  • по классической схеме берутся три цвета (любые их оттенки), расположенные на вершинах равнобедренного треугольника. Например, желтый – синий – красный. Или красно-оранжевый – желто-зеленый – сине-фиолетовый;

  • при раздельно-комплементарном цветовом сочетании используются цвета, расположенные друг напротив друга. Но, в отличие от традиционного метода, вместо одного, лежащего напротив, цвета берутся два, расположенные от него по бокам. То есть, фиолетовый сочетается с оливковым и желто-оранжевым. А огненный – с синим и зеленым.

Сочетание четырех цветов

Наиболее сложный для исполнения вариант называется «тетрада» или принцип прямоугольника. В интерьере сочетают сразу четыре различных цвета или их оттенка. Профессионалы используют два способа:

  • в традиционной тетраде один колер выступает в роли основного фона. Дополнительными становятся два оттенка, а последний используется для создания завершающих акцентов. При этом берут по два цвета, размещенных на круге рядышком и напротив. Например: желтый – желто-оранжевый; сине-фиолетовый – фиолетовый. Либо оттенки располагаются через один цвет: оранжевый – красный, синий – зеленый;

  • при использовании квадратной методики выделяют две пары контрастных цветов, отстоящих друг от друга на равном расстоянии, через два цвета: желтый – фиолетовый, огненный – бирюзовый. Чтобы резкие контрасты не бросались в глаза, дизайнеры рекомендуют выдерживать равные пропорции, по 25% каждого оттенка. Либо выбрать один основной цвет, дополнив его тремя оттенками.

Вариантов цветовых сочетаний в интерьере бесконечно много. Можно компоновать яркие и приглушенные, пыльные оттенки. Гармонично смотрятся холодные и теплые тона. Придают интерьеру особую изысканность глубокие, бархатистые темные цвета в сочетании со светлыми, пастельными тонами. Поэтому можно смело экспериментировать. Главное, чтобы результат пришелся по душе!

Восемь правил о цветовых палитрах, которые должен знать каждый — UXPUB

Взаимодействие человека и компьютера в значительной степени основано на графических элементах пользовательского интерфейса, и цвет играет в этом важную роль. Как однажды сказал художник Пьер Боннар:

Цвет не добавляет приятного качества в дизайн – он его усиливает.

При разработке нового продукта часто бывает сложно определить цветовую схему из-за бесконечного количества возможных комбинаций цветов. В этой статье мы рассмотрим восемь основных правил, которые помогут вам выбрать правильную цветовую палитру.

1. Ограничьте количество цветов

Применение цвета к дизайн проекту имеет много общего с балансом. Чем больше цветов вы используете, тем труднее достичь этого баланса. Вы добьетесь лучших результатов, если будете придерживаться

максимум трех основных цветов в вашей цветовой гамме. Согласно исследованию Университета Торонто о том, как люди использовали Adobe Color CC, большинство людей заявили, что предпочитают простые цветовые комбинации, которые опираются только на два или три цвета.

Если вам нужны дополнительные цвета, кроме тех, которые вы задали в своей палитре, используйте оттенки и тона.

Как создать цветовую схему

Итак, как вы выберете два или три цвета? Цветовой круг может помочь.

Круг с 12 цветами является важным инструментом для создания цветовых схем

Существует ряд предопределенных стандартов цветовой схемы, которые упрощают создание новых схем, особенно для новичков:

  • Монохроматическая. Монохроматические схемы являются простейшими для создания, поскольку все они взяты из одного цвета, но включают изменения в насыщенности, оттенках и тонах. Монохроматические цвета хорошо сочетаются, создавая успокаивающий эффект.
Монохроматическая схема очень приятна на вид (особенно синий или зеленый оттенки). Как вы можете видеть на примере Facebook, схема выглядит чистой и элегантной.
  • Аналоговая. Аналоговые цветовые схемы создаются из смежных цветов. Один цвет используется как доминирующий, в то время как другие используются для обогащения схемы. Хотя это относительно легко, трюк заключается в том, чтобы решить резонанс используемых цветов, поскольку вся схема будет преувеличена им. Например, Clear – приложение для составления и организации списков дел, использует яркие аналоговые цвета для визуального определения приоритетов вашего текущего набора задач. В то время как, приложение для медитации Calm, использует синие и зеленые аналоговые цвета, чтобы помочь пользователям чувствовать себя спокойными и умиротворенными.
Аналоговые схемы создаются с использованием трех цветов, расположенных рядом друг с другом на 12-цветном круге. Clear – приложение для составления и организации списков дел, использует яркие аналоговые цвета для визуального определения приоритетов вашего текущего набора задач.Calm использует аналоговые цвета, чтобы создать общее настроение.
  • Дополнительная. В своей основе такой схемы лежат только два цвета, которые сильно контрастируют. Эта схема используется для привлечения внимания пользователя. При использовании дополнительной схемы важно выбрать доминирующий цвет, а дополнительный цвет использовать для акцентов. Например, когда человеческий глаз видит объект, полный различных оттенков зелени, немного красного цвета очень хорошо выделяется.
Использование дополнительных цветов – простейший способ выделить что-то.
  • Пользовательская. Создание пользовательской цветовой схемы не так сложно, как многие думают. Существует простой трюк, который можно использовать для создания великолепной цветовой палитры: просто добавьте яркий цвет для акцента в нейтральную палитру (например, традиционную монохроматическую схему). Полученная схема будет очень визуально яркой.
Добавление одного цвета в дизайн в оттенках серого просто и эффективно привлекает внимание. Макет с сочетанием белого и серого с синими акцентами в цветовой схеме Dropbox.

2. Вдохновляйтесь природой

Лучшие цветовые комбинации можно встретить в природе. Почему? Потому что эти схемы кажутся естественными для глаз. Чтобы найти вдохновение, нам нужно всего лишь осмотреться вокруг. Если вы видите особенно красивый или яркий цвет в повседневной жизни, попробуйте создать схему вокруг него. Просто сделайте снимок красивого момента и создайте на его основе свою цветовую схему.

Лучшие цветовые комбинации встречаются в природе. Вы можете создать цветовую схему из фото.

3. Пытайтесь следовать правилу 60–30–10

Это вечное правило декорирования, которое может помочь вам легко составить цветовую схему. Пропорции 60% + 30% + 10% предназначены для обеспечения баланса цветов, используемых в любом пространстве.

Эта концепция невероятно проста в использовании: 60% – ваш доминирующий оттенок, 30% – вторичный цвет, а 10% – цвет акцента. Идея состоит в том, что вторичный цвет поддерживает основной цвет, но они достаточно отличаются, чтобы разделять их. Ваши 10% – цвет акцента. Это может быть цвет для призыва к действию или другого элемента, который вы хотите выделить.

60% – ваш доминирующий оттенок, 30% – вторичный цвет и 10% – цвет для акцента. Этот метод позволяет глазу удобно перемещаться из одной фокусной точки в другую.

4. Сначала дизайн в оттенках серого

Игра с цветом – это весело. Именно поэтому выбор цветовой схемы – одна из первых вещей, которые мы делаем в новых проектах. Это, действительно, заманчиво сперва подобрать цветовую схему, но я рекомендую вместо этого заставить себя сначала проектировать в оттенках серого. Создайте прототип своего приложения в градациях серого и используйте его в качестве основы. Проектирование в оттенках серого перед добавлением цвета заставляет вас сосредоточиться на расположении элементов.

Добавьте цвет в самом конце, и даже тогда, только с определенной целью.

Добавление одного цвета в макет с оттенками серого привлекает взгляд просто и эффективно.

5. Избегайте использования черного цвета

В реальной жизни чистый черный почти никогда не встречается. Все “черные” объекты вокруг нас имеют некоторое количество света, отражающегося от них, а это значит, что они не совсем черные, они темно-серые. Дороги не черные. Тени не черные.

Цвет этой собаки темно-серый, а не черный.

Когда вы помещаете чистый черный цвет рядом с набором тщательно подобранных цветов, черный все пересилит. Он выделяется, потому что это не естественно. В большинстве приложений, которые мы ежедневно используем, есть черные цвета, которые на самом деле не черные, но темные серые. Например, самый темный цвет на верхней панели Asos не # 000000, это # 242424. Поэтому не забудьте всегда добавить немного насыщенности в свой цвет.

Самый темный цвет у ASOS – не черный

6. Подчеркните важность, используя цветовой контраст

Цвет – инструмент, который может помочь направить взгляд. Чем больше вы хотите что-то выделить, тем больше вы должны полагаться на контрастные цвета. Как правило, высокий контраст – лучший выбор для важного контента или ключевых элементов. Если вы хотите, чтобы пользователи увидели или щелкнули что-нибудь, сделайте это выделяющимся!

Контрастность заставляет выделенную область отличаться от остальной части экрана. Чем больше вы хотите что-то выделить, тем больше вы должны полагаться на контрастные цвета.

7. Используйте цвет для воздействия на эмоции пользователей

Известно, что цвета имеют присущие им значения и могут вызывать эмоции. Эти значения будут иметь прямое влияние на то, как ваши пользователи воспринимают ваш продукт.

Когда вы выбираете цветовую палитру для своего приложения / сайта, вы не можете просто думать о том, как все выглядит – вы должны думать о том, как все ощущается. Цвета, которые вы выбираете, могут работать за или против идентичности бренда, которую вы пытаетесь создать. Для начала, я составил краткое справочное руководство, которое охватывает основные ассоциации с каждым цветом (в западном мире).

Красный, Оранжевый, Желтый
  • Красный (Страстный, Мощный, Опасный, Важный): Красный – чрезвычайно стимулирующий цвет. Он создает впечатление скорости и силы. Он известен как цвет энергии. Он доказал физиологические эффекты увеличения циркуляции крови и повышения метаболизма. Вот почему, когда люди видят красный цвет, они читают усерднее и быстрее. Использование красного – это способ привлечь внимание пользователей или выделить отдельный элемент, который требует внимания.
  • Оранжевый (игривый, энергичный, привлекательный, дешевый): Оранжевый – теплый и полный жизни цвет. Он обладает энергичной аурой и способен создать теплый прием для ваших пользователей. Некоторые исследователи считают, что оранжевый выражает дешевизну.
  • Желтый (веселый, дружелюбный, стимулирующий, привлекающий внимание): Желтый – чрезвычайно универсальный цвет, в зависимости от выбранного оттенка. Светло-желтый ассоциируется с солнцем и, следовательно, передает позитивность и теплоту. Темные оттенки желтого (например, золото) создают впечатление древности и возраста. Эти более темные оттенки часто связаны с вечностью и мудростью.

Зеленый, синий, фиолетовый
  • Зеленый (природный, безопасный, свежий): зеленый цвет отражает чувство окружающей среды и близость к природе. Он также означает рост, и именно поэтому он часто связан с бизнесом. Зеленый означает чувство правильного или неправильного.
  • Синий (успокаивающий, ответственный, внушающий доверие, надежный): синий цвет часто ассоциируется со спокойными и расслабляющими эмоциями. Он также ассоциируется с силой и надежностью, с чувством доверия и профессионализма. Синий излучает чувство внутренней безопасности. Вот почему вы можете видеть банки и технологические компании, использующие этот цвет. Гиганты социальных сетей, такие как Facebook, Twitter и LinkedIn, используют синий цвет в своих сетях.
  • Фиолетовый (Роскошный, Таинственный, Романтичный, Духовность): Исторически связанный с королевской семьей, фиолетовый намекает, что продукт высокого класса.

Розовый, Черный, Белый, Серый
  • Розовый (женственный, невинность, молодость): розовый наиболее известен своими ассоциациями с женственностью.
  • Черный (мощный, утонченный, загадочный, трендовый): черный привлекает внимание быстрее, чем другие цвета, в том числе красный. Вот почему он чаще всего используется только для текста и акцентов.
  • Белый (чистота, здоровье, чистоплотность, невинность): белый делает акцент на других цветах вокруг него, что делает его популярным выбором в качестве вторичного цвета.
  • Серый (нейтральный, формальный, изысканный, стерильный): серый цвет представляет собой нейтральность, он может принимать характеристики черного или белого цветов. При использовании его в качестве основного цвета создается впечатление формальности.

Важно отметить, что значение цветов может варьироваться в зависимости от культуры и обстоятельств. Подробнее об этом см. статью Символизм цветов и цветовых значений во всем мире.

8. Сделайте свой дизайн доступным

Доступность – ключевой момент при проектировании с цветом. Сегодняшние продукты должны быть доступны для всех – независимо от способностей человека.

Избегайте использования цвета в качестве индикатора

Примерно 8% мужчин и 0,5% женщин страдают от некоторой формы цветовой слепоты. Это 1 из 12 мужчин и 1 из 200 женщин. Хотя существует несколько форм этого заболевания, красно-зеленая цветовая слепота является наиболее распространенной. Человек, страдающий этой формой дальтонизма, обычно испытывает проблемы с различиями как красного, так и зеленого цветов.

Как видит цвета человек с нормальным зрением и те же цвета человек с красно-зеленой цветовой слепотой (дейтеронопия и протанопия).

Поскольку цветовая слепота принимает различные формы (в том числе красно-зеленую, сине-желтую и монохроматическую), важно использовать несколько визуальных сигналов для передачи важных состояний в вашем продукте. В дополнение к цвету используйте элементы, такие как штрихи, индикаторы, шаблоны, текстуры или текст для описания действий и контента.

Избегайте использования только красных и зеленых цветов для передачи информации, потому что это может быть чрезвычайно неприятным для людей, которые не могут видеть красные символы.
Избегайте низкой контрастности текста

Цветовая контрастность – это одна из областей, где теория цвета имеет решающее значение для удобства использования дизайна. Когда вы используете цвета в тексте, имейте в виду, что размещение двух цветов с низким значением контраста рядом друг с другом может сделать ваш текст очень трудным для чтения.

Низкоконтрастный текст – это то, что может потенциально нарушить удобство использования многих приложений.

Проверьте контраст, чтобы цвета фона и переднего плана отображались с достаточным контрастом для человека, страдающего дальтонизмом или плохо видящего человека. Это, действительно, не так сложно – все, что вам нужно сделать, это проверить коэффициент контрастности. Коэффициент контрастности показывает, как отличается цвет от другого цвета (обычно это 1: 1 или 21: 1). Чем выше разница между двумя числами в соотношении, тем больше разница в относительной яркости между цветами.  W3C рекомендует следующие коэффициенты контрастности для текста и текста на изображении:

  • Маленький текст должен иметь коэффициент контрастности не менее 4,5: 1 по отношению к фону.
  • Большой текст (при 14 pt жирный / 18 pt обычный) должен иметь коэффициент контрастности по крайней мере 3: 1 по отношению к фону.

Хорошие новости, вам не нужно проверять их вручную. Используя инструмент Color Contrast Checker, вы можете проверить свои цветовые комбинации всего за несколько кликов.

Программа проверки цветового контраста от Webaim

Бонус: Основные инструменты UX дизайнера

Чтобы упростить вам задачу, я также составил список лучших инструментов для выбора цветовых палитр.

Adobe Color CC

Adobe Color CC (ранее известный как Kuler) – отличный инструмент для поиска, изменения и создания цветовых схем. Каждый цвет в палитре может быть индивидуально изменен или выбран в качестве базового цвета всего за несколько кликов. Палитры могут быть сохранены и добавлены в библиотеку, и существует множество отличных цветовых схем, созданных сообществом и доступных на сайте:

Adobe Color CC – отличный инструмент, способный ускорить изучение различных вариантов цветовой схемы.
Dribbble поиск по цвету

Когда вы хотите совершить визуальные исследования по использованию определенного цвета другими дизайнерами, зайдите на dribbble.com/colors и выберите нужный цвет.

Вы также можете указать для снимка минимальный процент содержания цвета (например, 30% синего).Укажите минимальный процент содержимого цвета
Material Design

Руководство Material design предоставляет фантастическую цветовую палитру, которая может использоваться для иллюстрации или для разработки цветов вашего бренда. Все цвета в этой палитре предназначены для гармоничного взаимодействия друг с другом.

Colorzilla

ColorZilla – это расширение для Google Chrome и Mozilla Firefox, которое включает в себя множество связанных с цветом инструментов, в том числе подборщик цветов, пипетку, генератор градиента CSS и браузер палитры.

Coolors.co

Coolors – мощный инструмент для создания многоцветных схем. Вы можете просто заблокировать выбранный цвет и нажать пробел, чтобы создать новую палитру. Этот инструмент замечателен тем, что вы не ограничены только одним результатом – можно получить несколько цветовых схем, просто изменив базовую точку.

Один из моих любимых способов создания цветовой схемы – это использование фотографии. Этот инструмент позволяет загрузить изображение и сделать из него цветовую палитру.

Coolors дает вам возможность загрузить изображение и сделать из него цветовую палитру.
Симуляция цветовой слепоты в Adobe Photoshop

С помощью Photoshop вы можете проверить доступность вашего дизайна. Просто перейдите в View> Proof Setup, а затем вы можете выбрать один из двух типов цветовой слепоты (протанопия или дейтронопия).

NoCoffee Vision Simulator для Chrome

Во избежание проблем с доступностью в дизайне, при проектировании рекомендуется проверять дизайн на цветовую слепоту. NoCoffee Vision Simulator может использоваться для имитации проблем со зрением. Например, используя параметр “Color Deficiency” установив “Deuteranopia”, вы можете просматривать веб-страницы в оттенках серого. Это поможет вам сделать ваш дизайн доступным для пользователей с нарушениями зрения.

Цвет – один из самых мощных инструментов в наборе дизайнеров. Но в то же время — это сложный в освоении инструмент. Я надеюсь, что упомянутые выше правила создали хорошую основу для будущих дизайнеров. Теперь пришло время перейти к практике – потому что лучший способ стать отличным специалистом в цветовых схемах – это фактически создать их.

Цветовые схемы – ваша проблема? Записывайтесь на курсы от Springboard Введение в UX дизайн. Тысячи студентов прошли их, чтобы начать успешную карьеру в дизайне.

Как подобрать цветовую гамму для интерьера

В основной цветовой палитре всего 7 цветов. Однако глаз человека может воспринимать около 30 миллионов оттенков, а экраны современных телевизоров воспроизводят до 16 миллионов оттенков. Как сориентироваться в этом цветовом океане, выбирая решение для своего интерьера?

До сих пор в частных интерьерах преобладают нейтральные цвета ― бежевый, серый, белый. Объясняется это отчасти легкостью их комбинирования с другими цветами, а отчасти боязнью сделать интерьер слишком ярким, кричащим. Тем не менее тенденции в современных интерьерах все чаще предполагают наличие активного цвета. Поэтому важно научиться находить выигрышные цветовые сочетания.

Классификация цвета

Все цвета делятся на три группы. Основные цвета ― белый, черный, красный, синий и желтый. Вторичные цвета ― результат смешения двух основных цветов, а именно зеленый, фиолетовый, оранжевый, серый, розовый.

Третичный цвет получается при соединении одного основного и одного вторичного цветов ― примером могут служить бирюзовый и изумрудный. Это самая многочисленная группа.

Еще один вариант деления цветов ― теплые и холодные. Почти все цвета могут давать и теплые, и холодные оттенки. Только оранжевый всегда остается теплым, а синий ― всегда холодным. Считается, что при выборе цветовой гаммы оптимально сочетать теплые оттенки с теплыми, и холодные с холодными, не смешивая цветовую «температуру».


Общие принципы выбора цвета

Грамотно подбирая цвета и оттенки можно зрительно изменить пропорции помещения, создать нужную атмосферу ― мобилизующую или расслабляющую ― и почеркнуть индивидуальность интерьера. При этом важно помнить о влиянии цвета на восприятие. Так, преобладание синего цвета «холодит», красный цвет способен обострять чувства, а при «переборе» и вызывать агрессию, коричневый способствует легкой меланхолии, а желтый бодрит и заряжает энергией.

Преобладание фиолетового цвета зрительно уменьшает пространство, а белого, напротив, расширяет.

При выборе цвета имеет значение расположение помещений. Так, для комнат, окна которых выходят на север, желательно использоваться теплые цвета, если же окна выходят на юг ― рациональнее остановиться на холодной цветовой гамме.

Для увеличения объема помещения используются светлые тона, для придания дополнительной глубины интерьеру ― насыщенные и темные.


Цвет и зонирование

Главное назначение цвета на кухне ― повышение аппетита. Такой эффект помогут обеспечить все оттенки желтого, зеленого и оранжевого цветов, а также их сочетания в отделочных материалах, текстиле и столовой посуде. Голубой и серый цвета на кухне следует использовать крайне осторожно, так как они считаются «неаппетитными».

Детскую традиционно решают в более ярком цвете, чем остальные помещения. Цвет в этом случае может в некоторой степени даже откорректировать поведение ребенка. Так, зеленая цветовая гамма действует успокаивающе, желтая и розовая дарят позитив, голубая настраивает на восприятие информации и развитие внутреннего мира.

Особый подход нужен к выбору цветовой гаммы гостиной ― комнаты, где собираются все члены семьи. Даже в ярком интерьере гостиная может оставаться нейтральной, сдержанной, приглушенной, с небольшими цветовыми акцентами. Очень хороши при оформлении гостиной терракотовый цвет, кофе с молоком, теплый песочный.

Спальня ― самая приватная зона квартиры. С одной стороны, здесь можно дать волю собственным предпочтениям, не опасаясь шокировать окружающих. С другой ― при обустройстве спальни желательно выбирать глубокие и мягкие цвета, которые помогут расслабиться и отдохнуть. Например, это могут быть винный, шоколадный, травяной зеленый.

Санузел. Даже если вы еще не готовы впустить цвет в основные помещения, санузел может стать цветовым акцентом квартиры ― акцентом, который не бросается в глаза, но меняет восприятие интерьера. Так, санузел может быть зеленым, оранжевым, сиреневым, синим, бирюзовым, или же контрастным черно-белым – фантазия в данном случае не ограничена ничем.


Подбираем цветовую гамму

Для интерьеров чаще всего подбирают три цвета (такое сочетание цветов называется комплементарным). При этом один цвет выступает основным, а два являются оттеняющими, дополняющими и акцентирующими. Основной цвет всегда присутствует в отделке ― это может быть цвет стен, дверей, цвет пола или цвет потолка ― и повторяется в деталях, например, в текстиле и мебели. Акцентные цвета могут присутствовать в виде одной контрастной стены, в виде контрастного по отношению к отделке текстиля, светильников или мебельной обивки. Гармоничные цветовые сочетания делают помещение более рельефным, интересным, визуально приятным.

Примеры гармоничных сочетаний:

Основной цвет Дополнительные цвета
Зеленый: Синий, салатовый, желтый, цвет лайма, коричневый, серый, кремовый
Красный: Розовый, белый, серебристый, оранжевый, золотистый, черный, синий, бурый
Оранжевый: Серый, желтый, белый, зеленый, розовый, голубой, фиолетовый
Синий: Золотой, бирюзовый, серебристый, белый, красный
Фиолетовый: Белый, оранжевый, розовый, синий, золотой, серо-синий, светло-зеленый, сиреневый
Розовый: Лимонный, бежевый, кофейный, белый, серый, красный, оливковый, бирюзовый
Коричневый: Золотой, белый, синий, бежевый, голубой, розовый, кремовый
Желтый: Коричневый, синий, белый, черный, зеленый, лиловый, вишневый

Автор: дизайнер интерьеров Светлана Ильина, www.sv-designer.ru

Как работать с цветами в digital-маркетинге — БЛОГ ADVENTUM

Подбирать цвета убийственно сложно: все эти RGB, CMY, RYB, HSV больше мешают, чем помогают. Разобрались, как удачно подобрать цвета для проекта и сэкономить на дизайнере.

Цвет — эффективный способ коммуникации. Цветом можно изменить настроение, эмоции и самочувствие. Цвет передает смысл послания и может вызвать требуемую реакцию. Например, комбинация красного и жёлтого вызывает чувство голода, поэтому часто используется в фастфуде.

Цвет подробно изучали двое ученых — Ньютон и Гете. Все современные модели работы с цветом основываются на их открытиях.

Ньютон первый смог осознанно разложить белый цвет на спектр: для этого он пустил пучок света через призму. Он также обнаружил, что спектр цветов можно собрать обратно и получить белый цвет.

 

На этом принципе построена работа всех современных устройств. Модель, по которой свет распадается и собирается обратно, — RGB

Но Ньютон был сосредоточен на научном объяснении цвета, а людям хотелось понять, как работать с цветом в жизни.

Спустя 150 Гете в «Теории цвета» анализирует цвет с точки зрения восприятия человека. Гете создает цветовой круг, который впоследствии улучшает художник Иоханнес Иттен:

Цветовой круг. Основные цвета — Красный, Желтый и Синий (Модель RYB).

Цветовые модели и сочетания цветов

Существует 5 популярных цветовых моделей: RYB, RGB, CMY (иногда указывается как CMYK), HSL (она же HSV) и LAB. LAB и HSV мы не будем рассматривать, потому что они не помогут научиться подбирать цвета. Остановимся на анализе RYB, RGB и CMY.

RGB — аддитивная цветовая модель. Это значит, что свет исходит от какого-то источника: солнца, лампы, монитора. При сочетании основных цветов (красного, зеленого и синего) получается белый цвет. По этому принципу работают мониторы, телевизоры, экраны телефонов: каждый пиксель одновременно излучает эти три цвета.

CMY — противоположная RGB модель. Она субтрактивна: цвета не излучаются от источника, а отражаются от носителя, например, бумаги. Поскольку цвета не складываются, а вычитаются из белого света, в CMY удобнее считать какое количество света отразилось, а не поглотилось. Если вычесть из белого три первичных цвета (RGB), мы получим тройку дополнительных цветов CMY. CMY используется при печати.

RYB — классическая цветоваяцветова, начало которой положил Гете, а улучшил Иттен. Эта модель популярна у художников, потому что объясняет правила смешивания пигментов цветов. Хотя RYB не используется в электронике и печати, она содержит ряд важных наблюдений: на ее основе разработаны RGB и CMY, и по ее примеру комбинируются цвета внутри этих моделей.

Иттен полагал, что можно найти цветовую гармонию через цветовое колесо:

В книге «Искусство цвета» он приводит несколько схем, которые помогают подобрать гармонирующие цвета. Цвета в цветовом круге расположены так, чтобы дополнительные цвета всегда давали темно-серый цвет: Иттен полагал, что темно-серый — самый гармоничный для глаза цвет.

Разберём несколько характеристик цвета: они помогут вамвам пон, как применять и комбинировать цвета в работе.

Тон — это чистый цвет: зеленый, синий, красный и так далее.

Оттенок — это добавление к чистому цвету белого цвета:

Тень — это добавление к чистому цвету черного цвета:


Первичные цвета — это основные цвета, из которых получаются остальные цвета. Вторичные цвета — это цвета, которые получаются при смешивании основных цветов. Из смеси вторичных цветов с первичными получаются третичные цвета.

Аналоговые и дополнительные цвета, Триада, Тетрада и Квадрат — это основные способы получения цветных схем.

В каждой модели дополнительный цвет является смесью двух основных, поэтому при сложении дополнительного цвета с оставшимся основным, вы получите цвет в середине модели: Черный для RYB и CMY, белый для RGB.

В RYB первичные цвета: Красный, Желтый и Синий.
В RGB: Красный, Зеленый и Синий.
В CMY: Циан, Пурпурный и Желтый.

У RGB в середине получается белый свет, потому что модель RGB используется в источниках света, например, мониторах. У CMY и RYB в середине будет получаться черный, потому что смесь красок дает черный цвет.

Основные цвета RGB — это вторичные цвета CMY. Основные цвета CMY — это вторичные цвета RGB. Эти модели разные, но тесно связаны. RYB с ними связан меньше.

CMYK — это тот же CMY, но с добавлением «ключевого цвета» — черного. Дело в том, что смесь CMY не дает настоящего черного цвета, поэтому эффективнее и экономичнее использовать черную краску.

 

Как подобрать цвет для проекта

Человеческий глаз видит 10 миллионов цветов. Из этих 10 миллионов вам нужно выбрать 1 цвет, который будет коррелировать с сайтом и брендом.

По Иттену цветовая гармония — это объективные законы, которые должны быть вырваны из субъективного восприятия людей. Иттен полагал, что субъективное восприятие цвета может быть, но не может претендовать на объективность.

Цветовой круг Иттена помогает прокачивать цветовой вкус и лучше подбирать цвета, но Иттен не прав: нет единого рецепта гармоничных цветов, на восприятие человеком цвета влияет много факторов: индивидуальные и национальные различия, эмоциональное напряжение, ситуация.

Цветовую гармонию нельзя просчитать наперед, ее можно только спрогнозировать. Цветовая гармония наступает только тогда, когда сочетание цветов вызывает положительный отклик у аудитории. Отклик зависит от характеристик вашей аудитории: пола, возраста, уровня образования и культурного развития, привычек, предпочтений, а также от случайных факторов и ситуаций, вроде моды.

К счастью, подобрать цвет сегодня не так сложно:

  • Возьмите за основу существующий дизайн. Если у вас есть логотип и цветовая тема, начните с нее, не переделывайте все с нуля.
  • Не используйте цвета конкурентов. Это поможет вам отстраниться от них и не давать бесплатной рекламы.
  • Помните про аудиторию. Сайт детского сада не должен напоминать похоронное бюро. Продумайте тон послания, которое вы хотите донести аудитории (радость, серьезность намерений и т.п).
  • Не используйте клише. Помнить про запросы аудитории — хорошо, но необязательно раскрашивать сайт для девочек в розовый цвет. Отход от клише повысит доверие к вам.
  • Выпишите слова. Если сложно подобрать цвет, выпишите слова, которые у вас ассоциируются с вашим брендом. Ассоциации помогут натолкнуть вас на правильный выбор цвета. Если все равно не получается, попробуйте загуглить значения цветов.

Можно черпать идеи у сайтов, которые вам нравятся:

Загрузите скриншот понравившегося сайта и узнайте его цветовую палитру. Подборка цветов от Адобе: https://color.adobe.com/ru/create/color-wheel/

Можно также ознакомиться с готовыми палитрами, которые составили другие люди. Проблема с этим подходом в том, что в палитрах часто больше цветов, чем вам нужно.

Выберите гармоничный основной цвет.

Черпать вдохновение можно на Дриббле и Дизайниспирейшене можно посмотреть работы дизайнеров и заимствовать их цветовые палитры.

 

После того, как вы выбрали главный цвет, вы можете подобрать к нему правильные оттенки. Например, для синего цвета более яркие цвета скорее будут означать молодую и энергичную компанию, в то время как темные тона более серьезную, корпоративную:

 

Создание цветовой палитры.

Тон / Hue — это то, что мы имеем в виду, говоря «цвет». Синий, красный, зеленый, оранжевый, фиолетовый и тд.
Насыщенность / Saturation — параметр цвета, характеризующий степень чистоты цветового тона.
Яркость / Brightness — обозначает степень отличия цвета от белого или черного.

Теперь у вас должен быть HEX-код цвета. HEX-код состоит из трех пар цифр и может принимать значения от 0 до 9 и букв от A до F.

Первая цифра уточняет цвет, вторая — оттенок. Чем больше значение пар, тем светлее цвет:

В уже знакомым нам RGB и CMY значения цветов будут такими:

Если понимать шестнадцатеричный код цветов, вы сможете точно комбинировать цвета и цветовые схемы.

Есть несколько простых техник работы с кодом:

  • Переставлять одну пару в разные места кода
  • Удвоение первой цифры в первой паре и разделение на два остальные первые цифры
  • Комбинирование цветов из фото

Когда вы будете пытаться создать палитру цветов, может показаться, что подобные решения рабочие:

На самом деле такие палитры плохо применяются к реальному дизайну, поскольку в них больше цветов, чем вам может понадобиться (это учитывая, что вам нужно разбавить цвета белым и серым).

Реально вам нужно только 2 цвета:

  • основной цвет (в нашем случае это #30c9e8),
  • акцентный цвет.

Если вы сможете обойтись на сайте только этими цветами, вам не придется заморачиваться с цветовыми кругами, триадами, тетрадами и прочими страшными вещами.

Как подобрать акцентирующий цвет

Зайдите в Палеттон и вбейте код цвета. Вы сможете быстро подобрать к нему удачный акцентирующий цвет

Если результат не устраивает, то все-таки можно поиграться с триадами и тетрадами

В итоге мы получаем гармоничную цветовую схему. Добавим также белый цвет, потому что белый — всегда круто.

Осталось добавить серого

 

Подбираем гармоничный серый.

Подобрать серый можно в том же Дриббле и Дизайниспирейшене. Либо, если у вас есть Фотошоп, можно сделать так:

 

Нужно отметить, что этот метод работает очень хорошо с синим цветом. Если у вас другой цвет, вам нужно либо повысить прозрачность в пределах 5—10%, или ограничиться стандартным серым.

Посмотрите, какой кайф:

 

Как по-другому подобрать цвета.

Можно сначала сделать сайт в черно-белом исполнении, а уже потом расставлять акценты:

В этом примере голубой — главный цвет. Он используется щедро: в качестве фона и на иконках.

Красный — акцентный цвет, который отлично выделяется  на голубом. Он используется на малых участках и как будто скуповато. Это правильно: чем меньше вы используете красного, тем сильнее он выделяется.

Темно-серый используется для текста, логотива и контура иконок. Если делаете иконки, всегда наполняйте их цветом. Хорошо, если получится заменить иконки на живые фотографии.

Белый и светло-серый на фоне. Светло-серый необязателен, но он добавляет изюминки, страница выглядит продуманной и законченной.

Убедитесь, что у вас достаточно контраста между фоном и текстом: так его проще читать и быстрее усваивать.

Гайдлайн по контрастам (на английском)
Проверка на контраст

 

Удачные и неудачные цветовые решения

Несколько удачных и неудачных подборок цвета.

 

Попробуйте самостоятельно проанализировать, почему в этих сайтах плохо подобраны цвета:

 

Цвет для своего проекта можно подобрать самостоятельно, необязательно обращаться за помощью к профессиональным дизайнерам. Продолжайте экспериментировать с цветами, чтобы находить удачные решения

Чем больше практики, тем лучше вы будете подбирать цвета для проекта, и неважно что это: сайт, баннер, печатное объявление, логотип, визитка, папка, фирменная ручка. Вы просто будете знать, что работает, а что нет.

Бонус

Классный ролик про тени (есть русские субтитры)

Попробуйте угадать, какого цвета эти квадраты (а потом проверьте значение HEX-кода в Фотошопе):

Источники:
Иоханнес Иттен, «Искусство цвета»
A Simple Web Developer’s Color Guide

 

Теория цвета: как выбрать правильные цвета для сайта

Цвета и различные их комбинации влияют на психику человека, а значит, во многом определяют его поведение. Маркетологи и веб-дизайнеры хорошо знают, что правильно подобранная цветовая гамма сайта помогает привлечь и удержать внимание пользователей, сформировать положительное отношение к продукту, подтолкнуть посетителей к совершению целевых действий, повысить конверсию.

Использование эффектных сочетаний цветов в веб-дизайне во многом основывается на теории цвета — особенностях эмоционального восприятия человеком тех или иных цветовых решений.

В статье расскажу о том, насколько фактор цвета важен в маркетинге, как теория цвета помогает веб-дизайнерам правильно сочетать оттенки при разработке сайтов, затрону тему психологии цвета и поделюсь советами, как правильно подобрать цветовую гамму для продающей страницы.

Как цвет влияет на поведение потребителей

Универсального ответа на вопрос, как тот или иной цвет влияет на разных людей, нет. Эмоциональная и поведенческая реакция каждого человека зависит от личного опыта. Вместе с тем можно выделить определенные закономерности влияния цветов на поведение пользователей.

В исследовании «Влияние цвета на маркетинг» (Impact of color on marketing) говорится, что использование разных цветов может существенно влиять на настроение и поведение потребителей. Утверждается, что от 60 до 90% покупателей (в зависимости от категории продукта) дают положительную или отрицательную оценку товару, основываясь только на его цвете.

Вывод о влиянии цвета на покупательскую активность подтверждают и другие исследования. Согласно данным опросов аналитического маркетингового агентства Kissmetrics, 85% потребителей указывают цвет и дизайн основными факторами, влияющими на решение о покупке.

В онлайн-продажах цвет также играет большую роль. На покупателей влияют не только визуальные характеристики самого продукта, но и дизайн продающих страниц. По данным Kissmetrics, 52% покупателей не будут совершать покупки на сайтах, которые отталкивают их эстетически.

Неприятная цветовая гамма оказывает на пользователей тот же эффект, что и низкое качество изображений, долгая загрузка страниц, ошибки в описаниях товара, навязчивая анимация.

Как видите, правильно выбрать цветовую палитру для сайта очень важно. Можно попробовать сделать это интуитивно, опираясь на свой вкус. Или выбрать более надежный способ — использовать теорию цвета в веб-дизайне.

Теория цвета

Цветовой спектр

Теория цвета начинается с открытия цветового спектра. Изучая свойства света, знаменитый физик Исаак Ньютон при помощи стеклянной призмы разложил белый свет на разные цвета — в спектр.

Цветовой спектр включает основные цвета — красный, синий, желтый. Их еще называют «чистыми», потому что их нельзя получить путем смешения других оттенков.

Основные цвета (Primary Colors) — красный, синий, желтый. Источник — color-wheel-artist.com

Сочетания основных цветов создают вторичные цвета — зеленый, оранжевый, фиолетовый. Их можно получить путем смешения основных: зеленый получается из желтого и синего, оранжевый — из красного и желтого, фиолетовый — из красного и синего.

Вторичные цвета (Secondary colors) — зеленый, оранжевый, фиолетовый. Источник — color-wheel-artist.com

Есть еще третичные цвета, которые получают путем смешения основного и одного из вторичных цветов. Всего выделяют шесть третичных цветов — сине-зеленый, красно-оранжевый, желто-зеленый, красно-фиолетовый, желто-оранжевый, сине-фиолетовый.

Третичные цвета (Tertiary Colors) — сине-зеленый, красно-оранжевый, желто-зеленый, красно-фиолетовый, желто-оранжевый, сине-фиолетовый. Источник — color-wheel-artist.com

Цветовой круг

Цветовое колесо (хроматический круг) представляет собой схему цветового спектра, которая легко позволяет выбрать гармоничные цветовые комбинации. Эта схема активно используется художниками и дизайнерами по всему миру с момента ее создания в XIX веке.

Цветовой круг (цветовое колесо, хроматический круг). Источник — www.ecolourprint.co.uk

Цветовой круг включает в себя все основные, вторичные и третичные цвета спектра, расположенные в определенном порядке. В зависимости от положения на хроматическом круге, возможные комбинации цветов делятся на три типа:

Аналогичные цвета — комбинации основного цвета с его оттенками, расположенными в цветовом круге по соседству. Сочетание аналогичных цветов воспринимается глазом как наиболее приятное.

Аналогичные цвета. Источник — www.ecolourprint.co.uk

Комплиментарные (дополняющие) цвета — контрастные сочетания цветов, расположенных на противоположных сторонах хроматического круга. Цветовые решения в дизайне с использованием комплементарных оттенков привлекают внимание.

Чаще всего при использовании дополняющих цветов на одной странице один из них является доминирующим, а второй служит для создания акцентов.

Комплиментарные (дополняющие) цвета. Источник — www.ecolourprint.co.uk

Триадные цвета — сочетания трех цветов, расположенных в цветовом круге на вершинах условного равностороннего треугольника. Такие комбинации выглядят почти так же ярко, как и сочетания комплиментарных цветов, но визуально воспринимаются как более сбалансированные и спокойные.

Триадные цвета. Источник — www.ecolourprint.co.uk

Параметры цвета

В начале XX века американский художник Альберт Манселл ввел важные для современной теории цвета понятия — параметры цвета. Это тон (оттенок), яркость, насыщенность.

Тон (оттенок) — самый важный параметр с точки зрения физического восприятия световой волны мозгом человека. Это то, что отличает один цвет от другого, например зеленый от синего.

Яркость — характеристика, которую также называют «светлота», потому что она показывает уровень отличия цвета от базовых белого и черного. Светло-зеленый имеет более высокую яркость, чем темно-зеленый.

Насыщенность характеризует интенсивность тона. При низкой насыщенности оттенок приближается к серому и выглядит тускло, при высокой — смотрится сочно и ярко.

Наряду с цветовыми комбинациями параметры цвета сильно влияют на визуальное и психологическое восприятие общей картинки, особенно через цифровые дисплеи. Веб-дизайнеры учитывают эти нюансы при создании сайтов.

Цветовые ассоциации и психология цвета

Маркетологи Университета Севильи (Испания, Universidad de Sevilla) выяснили, что на поведение потребителей влияет не столько сам цвет, сколько его «уместность и целесообразность» для продукта. Уместность определяют цветовые ассоциации — образы и эмоции, которые человек связывает с определенным оттенком.

О важности цветовых ассоциаций в маркетинге также говорят результаты маркетингового исследования «Влияние цветов продуктов на восприятие уместности логотипа бренда» (The interactive effects of colors and products on perceptions of brand logo appropriateness).

Цветовые ассоциации формируются на основе личного опыта и подкрепляются культурными традициями. Даже самая приятная глазу картинка может восприниматься негативно из-за диссонанса между сутью маркетингового предложения и его дизайнерским оформлением.

Чтобы помочь вам избежать таких ошибок, расскажу о психологии цвета в маркетинге с помощью инфографики от брендингового агентства Iconic Fox. Специалисты агентства создали обзор самых популярных оттенков и привели примеры брендов, которые выбрали их в качестве своего фирменного цвета.

Красный

В большинстве культур воспринимается положительно и вызывает ассоциации с теплом, энергией, скоростью, смелостью, силой. Как известно, «красный — цвет страсти». Среди отрицательных ассоциаций с красным — опасность (красный свет светофора, знак STOP, тревожные кнопки), страх, боль. Если красного слишком много, он может подавлять.

Красный используют многие бренды сферы быстрого питания и ресторанного бизнеса из-за способности пробуждать аппетит. Также красный часто можно увидеть на сайтах и в рекламных кампаниях фитнес-клубов, магазинов нижнего белья, товаров 18+. Считается, что красный даже может повышать пульс!

Оранжевый

Ассоциируется с теплом, дружелюбием, новизной и радостью. Среди отрицательных ассоциаций можно встретить инертность, бедность и дешевизну (согласно результатам опросов потребителей), ощущение лишения чего-то важного.

Но чаще всего оранжевый — это счастье, энергичность, позитивные эмоции, поэтому цвет апельсина активно используется разными брендами.

Желтый

У этого цвета много поклонников. Он имеет в основном положительные ассоциации. Желтый называют солнечным, во многих культурах он ассоциируется с богатством, интеллектом, молодостью и творческим началом. Вместе с тем некоторые оттенки желтого кажутся грязными, ассоциируются с трусостью, страхом, фрустрацией и нищетой.

Наиболее эффектно желтый смотрится в сочетании с контрастными цветами.

Зеленый

Символ свежести, роста, чистоты и здоровья. Считается, что он оказывает на человека расслабляющее воздействие, успокаивает, вселяет уверенность.

Свежесть и чистота зеленого цвета сделали его популярным у продуктовых брендов и супермаркетов, эко-брендов, медицинских и фармацевтических компаний. Из-за ассоциаций со спокойствием и уверенностью зеленый полюбился банкам, страховым компаниям, финансовым организациям.

Зеленый иногда воспринимается негативно из-за психологических ассоциаций со скукой, слабостью, жертвенностью.

Синий

Положительные ассоциации с синим цветом — доверие, безопасность, логичность и безмятежность. Синий — цвет неба, свободы и величественности. Многие бренды используют синий в дизайне, чтобы продемонстрировать свою надежность, безупречную репутацию.

Среди отрицательных чувств, которые вызывает синий — замкнутость, отстраненность, холодность и недоступность

Фиолетовый

Считается одним из самых сложных с точки зрения психологического воздействия. Он ассоциируется с элегантностью, роскошью, утонченностью, превосходством. Неудивительно, что он часто используется брендами, создающими товары для женщин, а также компаниями, ориентированными на высокий потребительский сегмент.

Отрицательные ассоциации с фиолетовым — подавленность, мрачность, удрученность, излишняя экстравагантность.

Розовый

Нежный или оттенка фуксии розовый традиционно считается самым женским цветом. Розовый ассоциируется с изысканностью, страстностью, предприимчивостью, женственностью и комфортом.

Немногие бренды, деятельность которых не связана с товарами для женщин, используют розовый из-за психологических ассоциаций с легкомысленностью и импульсивностью.

Несмотря на это, в веб-дизайне розовый прекрасно уживается с более «серьезными» базовыми оттенками — серым, черным, синим.

Черный

Противоречивый и очень сильный по своей энергетике цвет. Во многих культурах ассоциируется с трауром, но одновременно с этим означает силу, влиятельность, элегантность.

Люксовые бренды и бренды индустрии моды часто используют этот цвет для своих логотипов, сайтов, рекламных кампаний. Это неудивительно, ведь черный выглядит стильно, лаконично и утонченно, особенно в сочетании со светлыми оттенками.

Главное не переборщить с черным, ведь воздействие его отрицательных ассоциаций с угнетенностью и депрессивностью довольно велико.

Белый

Традиционно белый символизирует чистоту, простоту и невинность. Часто — еще и недоступную роскошь, поэтому белый нередко выбирают в качестве фирменного цвета ювелирные компании и модные дома.

Среди отрицательных характеристик белого — ассоциации со стерильностью, болезнью, пустотой и безразличием.

Как выбрать цветовую гамму для продающей страницы

Есть два основных способа применить теорию цвета для создания эффективных продающих страниц:

  1.   Использовать правильные цветовые ассоциации, чтобы привлечь и удержать внимание посетителей страницы, повысить их лояльность к бренду и продукту.
  2.   Подбирать с помощью цветового колеса удачные комбинации оттенков, чтобы упростить восприятие информации.

Как использовать психологию цвета

Прежде чем выбрать основные цвета продающей страницы, нужно четко определить, что вы предлагаете, какова ваша основная целевая аудитория и какие сочетания цветов будут наиболее уместны для вашего маркетингового предложения.

Специфика бизнеса может существенно помочь при выборе цветовой схемы. Например, если вы продаете свадебные платья, то вряд ли вам придет в голову оформить сайт в яркой оранжево-синей гамме, которая только отпугнет большинство невест. Для вас подойдут более изящные сочетания вроде белого и золотого, а синий с оранжевым оставьте продавцам строительных материалов или канцелярских товаров.

Дизайн сайта свадебного салона: нежные пастельные оттенки низкой насыщенности на преобладающем белом фоне

Конечно, не существует таких правил, которые бы предписывали использовать определенные цветовые решения для конкретной отрасли. Тем не менее цветовые ассоциации и особенности эмоционального восприятия оттенков создают рамки, за пределы которых выходить рискованно.

При выборе палитры можно опираться на гендерные и возрастные характеристики целевой аудитории. Считается, что женщины предпочитают сочные и теплые либо пастельные оттенки, например бордовый, фиолетовый, розовый, лиловый.

Редакторы женского журнала Cosmopolitan знают, что их читательницам нравятся сочные и теплые цвета

Мужчины чаще отдают предпочтение сочетаниям базовых и нейтральных цветов — серого, синего, белого, черного.

Дизайн сайта магазина мужской одежды и аксессуаров: сдержанное сочетание базовых оттенков

Внимание пожилых людей проще удержать на продающей странице с преобладанием спокойных и «заземленных» оттенков — зеленого, бежевого, кофейного.

Как подбирать комбинации оттенков для повышения удобства восприятия информации

С помощью цвета можно сделать сайт легко читаемым и удобным для пользователей. Подобрать подходящее для вашей страницы гармоничное цветовое сочетание помогут онлайн-ресурсы, которые позволяют использовать теорию цвета на практике.

Например, в ColoRotate есть целая библиотека цветовых схем, которые можно выбирать, сохранять и редактировать с помощью современного 3D инструмента (3D color tool).

Ресурс Pictaculous подберет готовую палитру, подходящую под загруженное вами фото, а ColorSchemer является удобной площадкой для создания своих собственных цветовых сочетаний.

При выборе цветовой палитры не используйте больше трех-четырех цветов на одной странице. Аляповатый дизайн производит плохое впечатление, способствует расфокусировке внимания пользователей, отвлекает от основной информации на сайте и «уводит» от СТА-кнопок.

Для сайта обычно выбирают три цвета — основной оттенок (фон), вторичный — для выделения крупных элементов и яркий акцентный цвет.

Существует специальная формула эффективного соотношения базовых цветов на продающей странице: 60/30/10. Это значит, что фон страницы занимает 60% площади, вторичный оттенок — около 30%, цветовой акцент — остальные 10%.

Формула эффективного соотношения базовых цветов на продающей странице. Источник — lpgenerator.ru

Черный, белый и серый называют ахроматическими цветами. Они хорошо комбинируются с основными цветами круга и их оттенками. Их можно смело добавлять в качестве фона для сайта.

Какой бы цвет для фона вы ни выбрали, лучше всего сделать преобладающий оттенок более приглушенным, чем все остальные. Так впечатление от дизайна не будет подавлять посетителя сайта и отвлекать его от главного — текстовой информации.

Информация легко воспринимается, когда текст лежит на контрастном фоне. Лучшие контрастные сочетания получаются из цветов, расположенных на противоположных сторонах цветового колеса.

В случае с текстом важно учитывать насыщенность цвета. Оттенок, который вы выберете в качестве фона, должен быть гораздо менее насыщенным, чем текст. В этом случае даже фиолетовые буквы на желтом будут легко читаться, а не рябить в глазах.

Вторичный цвет, который занимает 30% площади страницы, может использоваться для крупных графических элементов. Он также должен быть достаточно насыщенным, чтобы не расплываться на основном фоне.

Согласно теории привлечения зрительного внимания, пользователи в первую очередь обращают внимание на меньшие по размеру и контрастные по отношению к фону элементы страницы. Так как акцентный оттенок занимает всего 10% площади и является самым ярким, эффективно использовать его для выделения важных элементов продающей страницы: заголовка, СТА-кнопки.

И еще один очевидный, но важный момент. Цветовая палитра вашего сайта или лендинга под отдельный проект должна соответствовать общему фирменному стилю и логотипу.

Не бойтесь экспериментировать с цветом. Да, дизайн вашего сайта или продающей страницы может помочь повысить конверсию, но одной-единственной волшебной цветовой схемы, которую во что бы то ни стало нужно угадать, не существует.

Правила сочетания цветов в одежде от экспертов

Умение правильно и гармонично подбирать цветовую гамму одежды и аксессуаров – важная составляющая совершенного образа. Неудачно подобранный к лицу цвет жакета или неблагозвучная комбинация тонов в луке способны испортить впечатление даже от самого модного гардероба. Недаром искусство безукоризненного смешения цветов является предметом изучения отдельной науки – колористики.

Для того чтобы в любой ситуации выглядеть модно и элегантно, необходимо лишь усвоить несколько несложных правил комбинирования цветов в одежде. Поверьте, эти принципы работают на все 100%.

Классификация цветов и оттенков

Прежде чем подробнее остановиться на тонкостях цветовой палитры и ее сочетаний, давайте подробнее разберемся в классификации цветов и оттенков. В природе существует лишь три основных эксклюзивных цвета – красный, желтый и синий. Все остальные тона получены путем их смешивания. Также цвета делятся на виды:

  • хроматические – все основные цвета и их оттенки (те самые семь цветов радуги и их производные)
  • ахроматические цвета – оттенки серого в диапазоне от белого к черному цвету, характеризующиеся только светлотой.

Все хроматические цвета делятся на 2 подтипа по «температуре»:

  • «теплые» оттенки – оранжевый, желтый и красный цвета и все оттенки, в которых выражена их частичка. Эти цвета согревают своим теплом, напоминают солнце и огонь.
  • «холодные» оттенки – цвета, в которых преобладает синий. Психологически ассоциируются с зимой, водой, лунным светом и льдом.

Вся многообразная палитра красок наиболее полно представлена в цветовом круге Иттена. 12 секторов подробно раскрывают каждый исходный цвет и его вариации в светлых и темных тонах.

Принципы теории цветового круга

Цветовой круг – неоценимый помощник для тех, кто стремится постичь науку гармоничного сочетания красок в одежде. Используя классические схемы комбинации цветов, вы всегда будете выглядеть безукоризненно и стильно.

  • Монохромное сочетание – оттеночная гамма подбирается в рамках одного цветового сектора, однако, важно учитывать, что оттенки не должны сливаться друг с другом, удачной будет комбинация светлых и темных тонов (например, нежно-персиковый и шоколадный, темно-зеленый и мятный).
  • Гармония родственных оттенков – сопоставление в гардеробе близких цветов дает мягкую, располагающую и элегантную комбинацию. Для сочетания выбираются два или три, расположенных рядом друг к другу, сектора круга. Как вариант – рубашка горчичного оттенка с шоколадными брюками; темно-синие юбка/брюки и жакет в сочетании с небесно-голубым верхом и туфлями яркого синего цвета.
  • Гармония контраста или комплементарное сочетание цветов, расположенных на противоположных сторонах цветового круга. Для того чтобы подобрать идеальную комбинацию оттенков – стоит лишь провести диагональ от понравившегося цветового сектора. Один цвет доминирует, другой представлен в виде акцента. Так, платье вишнево-красного цвета прекрасно дополнят изумрудные туфельки, лимонный сарафан – фиолетовые аксессуары.
  • Органичный пример созвучия оттенков в одежде представляет классическая триада – комбинация цветов, расположенных на равном расстоянии друг от друга (по типу треугольника). В идеале один цвет доминирует, второй дополняет, а третий представляет собой яркий акцент.

Пять правил цветовой гармонии

  1. Ахроматическая классика – союз черного и белого актуален во все времена и к лицу практически каждому. Яркий пример – строгая элегантность – белая блузка и черная юбка-карандаш присутствует в арсенале каждой девушки. Не менее эффектно смотрятся белые мужские футболки с коротким рукавом в сочетании с черным пиджаком или брюками.
  2. Доминирование одного цвета над другим – лучше всего, если в вашем наряде лидирует один тон, а остальные – дополняют и акцентируют образ.
  3. Не более трех-четырех оттенков в одежде – подбирая гардероб, важно избегать пестроты. В одном цвете образ рискует оказаться скучным, не лучшая альтернатива – весь спектр радуги в вашем наряде, от такого разноцветия красок у окружающих будет рябить в глазах.
  4. Сочетание пастельных оттенков – все краски мягкой пастельной гаммы гармонируют друг с другом – так бежевый верх прекрасно дополнят светло-шоколадные брюки, коралловую юбку дополнит блуза цвета зеленого чая и пудровый кардиган.
  5. Низ на пару тонов темнее верха (исключение белый цвет) – такое сочетание делает фигуру визуально стройнее.

Сочетание базовых элементов гардероба в различной оттеночной гамме (можно предусмотрительно купить женские футболки оптом в разных цветовых решениях) – верный способ выглядеть безупречно, ярко и стильно. Соблюдая гармонию цвета и подбирая оттенки, выгодно подчеркивающие вашу внешность, вы всегда будете в тренде.

Как использовать команду цветового диапазона в Photoshop

Где найти команду цветового диапазона

Первое различие между Color Range и Magic Wand заключается в том, что Color Range на самом деле вообще не является инструментом выделения, поэтому вы не найдете его смешанным с Magic Wand и другими инструментами на панели инструментов. Цветовой диапазон — это команда выбора , и мы получаем к ней доступ из того же места, где мы получаем доступ к другим командам — ​​Строке меню в верхней части экрана. Поднимитесь к меню Select в строке меню и выберите Color Range :

Перейдите к Select> Color Range.

Откроется диалоговое окно «Цветовой диапазон». Если вы какое-то время использовали Magic Wand и только сейчас впервые видите Color Range, вы можете подумать: «Боже, не чудо , — большинство людей все еще используют Magic Wand! Какого черта я смотрю? здесь?». На первый взгляд команда «Цветовой диапазон» может показаться немного устрашающей. В конце концов, с Magic Wand все, что мы делаем, это выбираем инструмент на панели инструментов и нажимаем на изображение. Но не позволяйте первому впечатлению ввести вас в заблуждение.Color Range очень легко использовать, если вы знаете, как он работает (что, конечно же, вы поймете после прочтения этого урока!):

Диалоговое окно «Цветовой диапазон».

Вариант выбора

Давайте кратко рассмотрим некоторые вещи, которые мы видим в диалоговом окне Color Range. Сейчас мы рассмотрим самые важные варианты, а остальные отложим на потом. В самом верху диалогового окна находится опция Select . По умолчанию установлено значение образцов цветов :

Параметр «Выбрать» установлен на «Выборочные цвета».

Параметр «Выбрать» управляет тем, что мы будем выбирать на изображении. Если для параметра задано значение «Образцы цветов», команда «Диапазон цветов» ведет себя так же, как «Волшебная палочка». Мы можем выбрать пиксели, которые имеют одинаковый или похожий цвет, просто щелкнув область этого цвета на изображении. Photoshop «пробует» цвет, на который мы щелкнули, и выбирает все пиксели, которые совпадают с этим цветом или находятся в определенном диапазоне от него (отсюда и название «Цветовой диапазон»).

В большинстве случаев вы захотите оставить для параметра «Выбор» значение «Выборочные цвета», но, в отличие от «Волшебной палочки», команда «Диапазон цветов» дает нам дополнительные способы выбора пикселей.Если вы нажмете на слова «Образцы цветов», вы откроете список различных вариантов выбора, из которых мы можем выбрать. Например, мы можем мгновенно выбрать все пиксели определенного цвета (красный, желтый, синий и т. Д.), Просто выбрав этот цвет из списка. Или мы можем быстро выбрать самые яркие пиксели изображения, выбрав Highlights, или самые темные пиксели, выбрав Shadows. Эти дополнительные параметры могут быть полезны в определенных ситуациях, но, как я уже упоминал, по большей части вы захотите оставить параметр установленным на Sampled Colors, на чем мы сосредоточимся в этом руководстве:

Цветовой диапазон

дает нам больше способов выбора пикселей, чем то, что мы получаем с помощью Magic Wand.

Инструменты для пипетки

При использовании Волшебной палочки для выбора областей схожего цвета на изображении, мы нажимаем на изображение самой Волшебной палочкой. В Color Range мы нажимаем на изображение с помощью пипетки. Фактически, Color Range дает нам три инструмента пипетки — один для первоначального выделения, один для добавления к выделению и один для вычитания из выделения — и они находятся в правой части диалогового окна.

Слева направо, у нас есть основной инструмент Eyedropper Tool , используемый для первоначального выбора цвета (просто щелкните изображение с помощью инструмента Eyedropper Tool, чтобы выбрать нужный цвет), инструмент Add to Sample Tool для добавления дополнительных цвета в выделение, а инструмент Subtract from Sample Tool удаляет цвета из выделения.Мы можем переключаться между инструментами, нажимая на их значки, но на самом деле в этом нет необходимости. Основной инструмент «Пипетка» выбран для нас по умолчанию, и мы можем временно переключиться на другие инструменты прямо с клавиатуры. Чтобы переключиться на инструмент «Добавить в образец», просто удерживайте нажатой клавишу Shift , затем щелкните изображение, чтобы добавить новые области к выделению. Чтобы получить доступ к инструменту «Вычитание из образца» с клавиатуры, удерживайте нажатой клавишу Alt (Win) / Option (Mac), затем щелкните изображение, чтобы удалить область из выделения.Другими словами, теперь, когда вы знаете, что эти три значка здесь, вы можете спокойно забыть о них:

Инструменты «Пипетка» (слева), «Добавить в образец» (в центре) и «Вычесть из образца» (справа).

Окно предварительного просмотра выбора

В нижней половине диалогового окна находится окно предварительного просмотра , где мы можем видеть предварительный просмотр в реальном времени, какие области изображения мы выбрали после щелчка пипеткой. В окне предварительного просмотра наш выбор отображается в виде изображения в градациях серого.Если вы знакомы с принципом работы масок слоев, окно предварительного просмотра работает точно так же. Полностью выделенные области изображения будут отображаться в окне предварительного просмотра белыми, а невыделенные области — черными. В моем случае здесь в данный момент ничего не выбрано, поэтому мое окно предварительного просмотра в настоящее время заполнено сплошным черным цветом. Как мы увидим, команда «Цветовой диапазон» также способна частично выбирать пиксели, поэтому она дает нам лучшие и более естественные результаты, чем Magic Wand. Частично выбранные области отображаются в окне предварительного просмотра в виде оттенков серого.Опять же, мы скоро увидим, как это работает:

Окно предварительного просмотра выбора.

Нечеткость

После того, как мы щелкнули цвет в изображении, Photoshop перейдет к выбору всех пикселей изображения одного цвета, а также пикселей, похожих на этот цвет, более светлых или темных. Но насколько точно могут быть другие пиксели светлее или темнее, чтобы их можно было включить в выделение? Нам нужен способ сообщить Photoshop, каков допустимый диапазон, чтобы все пиксели, попадающие в этот диапазон, были включены в выделение, а пиксели, которые выходят за пределы этого диапазона, либо потому, что они слишком светлее, либо слишком много. темнее, чем цвет, на котором мы щелкнули, не будет выбран.

И «Волшебная палочка», и команда «Цветовой диапазон» позволяют указать Photoshop, каким должен быть допустимый диапазон. С Magic Wand мы используем опцию Tolerance на панели параметров. Чем выше мы устанавливаем значение Tolerance, тем шире становится допустимый диапазон. Например, если мы оставим для параметра Допуск значение по умолчанию 32, а затем щелкнем цвет в изображении, Photoshop выберет все пиксели того же цвета, что и пиксель, на который мы щелкнули, плюс все пиксели, которые находятся в пределах 32 уровней яркости светлее и 32 уровня темнее.Увеличение значения Tolerance до 100 означает, что мы выберем все пиксели, которые в пределах 100 уровней яркости светлее или темнее, чем цвет, на котором мы щелкнули, а установка значения Tolerance на 0 означает, что мы выберем только пиксели, которые имеют точно такой же цвет, не более:

Если выбрана «Волшебная палочка», параметр «Допуск» на панели параметров устанавливает приемлемый цветовой диапазон.

Диалоговое окно Color Range дает нам аналогичный способ установить приемлемый диапазон, за исключением того, что здесь он не называется Tolerance, он называется Fuzziness и имеет большое преимущество перед параметром Magic Wand’s Tolerance.Мы используем значение «Нечеткость» так же, как и «Допуск». Чем выше мы устанавливаем значение «Нечеткость», тем больше уровней яркости включаем в допустимый диапазон. Например, значение «Нечеткость» 40 выберет все пиксели, которые имеют тот же цвет, что и пиксель, на который мы щелкнули, плюс все пиксели, которые в пределах 40 значений яркости светлее или темнее. Любые пиксели, которые на 41 или более уровней яркости светлее или темнее, будут исключены из выбора.

Тем не менее, опция Tolerance — это во многом вопрос типа «ударил или промахнулся».Если мы щелкнем изображение с помощью волшебной палочки и поймем, что не получили нужный выбор, потому что мы использовали неправильное значение допуска, все, что мы можем сделать, это ввести другое значение, затем щелкнуть изображение и повторить попытку. Такой подход к выбору пикселей методом «проб и ошибок» может очень быстро разочаровать. Вот где команда Color Range действительно сияет над Magic Wand. В отличие от значения Tolerance, которое заставляет нас угадывать правильное значение перед тем, как мы щелкаем по изображению, значение Fuzziness можно легко настроить на после того, как мы щелкнем ! Все, что нам нужно сделать, это щелкнуть один раз на изображении, чтобы сделать исходное выделение, а затем мы можем настроить выделение, просто перетащив ползунок «Нечеткость» влево или вправо, чтобы увеличить или уменьшить диапазон.Предварительный просмотр нашего выбора будет отображаться в окне предварительного просмотра, когда мы перетаскиваем ползунок, поэтому вам вообще не нужно гадать. Мы скоро увидим пример того, как работает нечеткость:

Параметр «Нечеткость» — это вариант «Допуск волшебной палочки» в цветовой гамме.

Теперь, когда мы рассмотрели основы диалогового окна Color Range, давайте посмотрим на него в действии. Вот документ, который я открыл в Photoshop, состоящий из простого градиента от темно-синего к светло-голубому с желтой полосой, проходящей посередине:

Синий градиент, разделенный по горизонтали желтой полосой, но вы это уже знали.

Допустим, я хочу выделить часть синего градиента с помощью команды Color Range. Сначала я перейду к меню Select вверху экрана и выберу Color Range . Затем, когда появится диалоговое окно «Цветовой диапазон», я буду уверен, что выбран мой основной инструмент «Пипетка » (который, как мы узнали, уже должен быть выбран по умолчанию):

Убедитесь, что основной инструмент «Пипетка» активен.

Активировав основной инструмент «Пипетка», я щелкну где-нибудь в середине градиента, чтобы выбрать оттенок синего:

Щелкните по середине градиента с помощью инструмента «Пипетка».

Если мы посмотрим на окно предварительного просмотра выбора в диалоговом окне, мы увидим, что теперь я выбрал часть изображения на основе оттенка синего, на котором я щелкнул. Белая область представляет собой выделенные пиксели, в то время как черные области не являются частью выделения:

Мой первоначальный выбор в окне предварительного просмотра.

Если я нажму на другую часть градиента, я получу другой результат. На этот раз я выберу более темный оттенок синего:

Щелкните инструментом «Пипетка» на более темном оттенке синего.

В окне предварительного просмотра теперь показано, что я выбрал другую часть изображения:

Щелчок по более темному оттенку синего привел к другому выбору.

И если я нажму на более светлый оттенок синего в градиенте:

Нажав на более светлый оттенок синего.

Окно предварительного просмотра обновляется, показывая, что я выбрал более светлую часть изображения:

Выбраны более светлые оттенки синего. Более темные оттенки не выбираются.

Обратите внимание, что независимо от того, где я нажимал на синий градиент, Photoshop полностью игнорировал желтую полосу посередине. Если я нажму на желтую полосу:

Щелкнув желтую полосу.

Предварительный просмотр теперь показывает мне, что желтая полоса выбрана, в то время как синий градиент над и под ней игнорируется:

Желтая полоса выделена. Синего градиента нет.

Я собираюсь снова щелкнуть по середине синего градиента, чтобы мы могли более внимательно рассмотреть параметр «Нечеткость» и то, как он позволяет нам корректировать наш выбор на лету:

Щелкните еще раз в середине градиента.

Мы видим в окне предварительного просмотра, что я снова выделил область посередине:

Вернуться к исходному выбору.

Когда я щелкнул по середине градиента, мое значение Нечеткости было установлено на 40, что означает, что Photoshop выбрал именно тот оттенок синего, на котором я щелкнул, плюс 40 оттенков светлее или темнее. Но что, если мое значение нечеткости было недостаточно высоким и мне нужно было выбрать больший диапазон цветов? Не проблема! Все, что мне нужно сделать, это перетащить ползунок «Нечеткость» вправо, чтобы увеличить диапазон.Когда я перетаскиваю ползунок, окно предварительного просмотра обновляется, чтобы показать мне мой новый выбор. Я увеличу свое значение «Нечеткость» до 100, что означает, что теперь я выбираю все пиксели, которые в пределах 100 уровней яркости светлее или темнее, чем оттенок синего, на который я изначально нажимал. В окне предварительного просмотра я вижу, что теперь я выбрал гораздо большую часть градиента. Точно так же я мог бы перетащить ползунок влево, чтобы уменьшить значение нечеткости, и в этом случае будет выбран меньший градиент:

Увеличение значения «Нечеткость» с помощью ползунка увеличивает выделенную область в окне предварительного просмотра.

Обратите внимание, что отображение в окне предварительного просмотра не ограничивается только чисто белым и чисто черным. Вместо этого он плавно и постепенно переходит от белого к серому и черному. Это потому, что команда «Цветовой диапазон» может частично выбирать пикселей. Любые пиксели, цвет которых отличается от того, по которому мы щелкнули, но которые все еще находятся в допустимом диапазоне яркости (установленном значением «Нечеткость»), будут выделены частично. Это серые области в окне предварительного просмотра. Чем ближе область к цвету, на который мы щелкнули, тем более выделенной она будет, представленная более светлыми оттенками серого.Более темные оттенки серого представляют области, которые находятся дальше от цвета, на который мы щелкнули, и менее выделены. Эта способность «частично выбирать» пиксели может показаться немного странной, но именно поэтому команда «Цветовой диапазон» дает нам гораздо более плавное и естественное выделение, чем то, что мы когда-либо могли получить с помощью Magic Wand.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Добавление к выделенному

Помимо изменения значения Fuzziness, мы также можем использовать инструмент Add to Sample Tool, чтобы добавить области к нашему первоначальному выделению.Однако, как мы уже узнали, нет необходимости тратить время на выбор инструментов пипетки в диалоговом окне. Все, что нам нужно сделать, чтобы временно переключиться с основного инструмента «Пипетка» на инструмент «Добавить в образец», — это нажать и удерживать клавишу Shift . При нажатой клавише Shift в правом нижнем углу курсора пипетки появится маленький плюс ( + ), сообщающий, что вы сменили инструменты. Отпустив клавишу Shift, вы вернетесь к основному инструменту «Пипетка» (знак плюса исчезнет).

Я собираюсь установить для моего значения нечеткости значение 40, чтобы упростить просмотр:

Установка нечеткости обратно на 40.

Чтобы добавить больше градиента к моему первоначальному выделению, я удерживаю клавишу Shift, которая переключает меня на инструмент «Добавить в образец», и я просто нажимаю на область, которую хочу добавить. Я выберу более яркий оттенок синего:

Щелкните изображение с помощью инструмента «Добавить в образец» (удерживая нажатой клавишу Shift).

Если мы посмотрим на окно предварительного просмотра, мы увидим, что к моему выбору были добавлены более светлые оттенки синего:

Выбран другой градиент.

Вы также можете перетащить через область изображения с помощью инструмента «Добавить в образец», чтобы сразу добавить к выделенной области весь диапазон цветов или значений яркости. Опять же, я удерживаю клавишу Shift, чтобы получить доступ к инструменту Добавить в образец, затем щелкаю и перетаскиваю большую область градиента:

Перетаскивание с помощью инструмента «Добавить в образец».

И теперь мы видим в окне предварительного просмотра, что я добавил еще больше градиента к своему выбору:

Результат после перетаскивания с помощью инструмента «Добавить в образец».

Вычитание из выделения

Мы также можем вычесть области из выделения с помощью Subtract from Sample Tool . Опять же, нет необходимости брать его из диалогового окна. Просто удерживайте нажатой клавишу Alt (Win) / Option (Mac) на клавиатуре, чтобы временно переключиться на инструмент Subtract from Sample Tool. Маленький знак минус () появится в правом нижнем углу значка пипетки. Нажмите на область, которую хотите удалить из выделения, затем отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к основному инструменту «Пипетка», когда закончите.

Я нажимаю на более темную область градиента с помощью инструмента «Вычитание из образца»:

Щелчок с помощью инструмента «Вычесть из образца».

В окне предварительного просмотра теперь видно, что я удалил из выделенной области более темные оттенки синего:

Результат после щелчка с помощью инструмента «Вычесть из образца».

Однако одна проблема с инструментом «Вычесть из образца» заключается в том, что он не работает так же хорошо, как инструмент «Добавить в образец», и не всегда легко предсказать, какие результаты вы получите от него.Если вы ошиблись с инструментом «Добавить к образцу» и добавили неправильную область к своему выделению, часто проще просто отменить последний шаг и попробовать снова. Команда Color Range дает нам один уровень отмены, поэтому, если вы ошиблись с инструментом Добавить в образец, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить его, а затем Попробуйте снова.

Когда вы довольны предварительным просмотром своего выбора, нажмите OK в правом верхнем углу диалогового окна Color Range, чтобы закрыть его:

Щелкните OK, чтобы закрыть диалоговое окно.

Photoshop затем отобразит ваш выбор в документе как стандартный контур выделения «марширующих муравьев». Однако имейте в виду, что в большинстве случаев команда «Цветовой диапазон» будет частично выделять определенные пиксели и что Photoshop может отображать контур выделения только вокруг пикселей, которые выбраны не менее чем на 50%. Любые пиксели, выделенные менее чем на 50%, будут выпадать за пределы контура выделения, что означает, что контур может не быть полностью точным представлением вашего выбора.Это не большая проблема, просто нужно запомнить:

Стандартный контур «марширующих муравьев» теперь отображается вокруг выбранной части градиента.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-2 ]

Давайте кратко рассмотрим пример из реальной жизни, который также даст нам возможность взглянуть на остальные параметры в диалоговом окне «Цветовой диапазон». На этом изображении я хотел бы выбрать только красные розы в букете, чтобы оставить их цветными, а остальную часть изображения преобразовать в черно-белые:

Необходимо выбрать розы.

В открытом диалоговом окне «Цветовой диапазон» и активном основном инструменте «Пипетка» я щелкаю один раз внутри одной из роз, чтобы сделать свой первоначальный выбор цвета:

Щелкните один раз, чтобы выбрать начальный оттенок красного.

Мы видим мой первоначальный выбор в окне предварительного просмотра:

Первоначальный выбор появляется в окне предварительного просмотра.

Чтобы добавить больше областей к моему выделению, я нажимаю и удерживаю клавишу Shift , которая временно переключает меня на инструмент «Добавить в образец», и я нажимаю на другие оттенки красного в розах.Я также могу перетащить область, как мы видели с градиентом, чтобы добавить сразу несколько оттенков красного к моему выделению:

Удерживая Shift, щелкните, чтобы выбрать больше оттенков красного.

В окне предварительного просмотра отображаются области, которые были добавлены к выделению:

Новые добавленные разделы появятся в предварительном просмотре.

Параметры предварительного просмотра

Один из вариантов, который у нас есть с окном предварительного просмотра, который мы еще не рассматривали, — это возможность просматривать фактическое изображение внутри окна предварительного просмотра, а не просматривать выделенное изображение в оттенках серого.Если вы посмотрите прямо под окном предварительного просмотра, вы увидите две опции — Selection и Image . Чтобы переключиться на просмотр изображений, выберите опцию Image . Вы даже можете щелкнуть изображение внутри окна предварительного просмотра, а не в окне документа, чтобы сделать и отредактировать свой выбор. Возможно, вы не найдете эту опцию особенно полезной, но она есть, если вам это нужно. Чтобы вернуться к просмотру предварительного просмотра в градациях серого, выберите вариант Selection (который выбран по умолчанию):

Выберите «Изображение», чтобы просмотреть изображение в окне предварительного просмотра.Выберите «Выделение», чтобы просмотреть предварительный просмотр в градациях серого.

Гораздо более полезная опция предварительного просмотра находится в самом низу диалогового окна «Цветовой диапазон». Параметр Selection Preview управляет тем, что мы видим в окне документа. По умолчанию установлено значение None , что означает, что мы видим наше фактическое изображение в окне документа:

Опция предварительного просмотра выделенного фрагмента.

Если вы нажмете на слово None, вы откроете список дополнительных вариантов — Grayscale , Black Matte , White Matte и Quick Mask — каждый из которых дает нам разные способы предварительного просмотра текущий выбор в окне документа.Я выберу первый, оттенки серого:

Выбор оттенков серого в параметре предварительного просмотра выделенного фрагмента.

И теперь, если мы посмотрим в окно моего документа, а не на изображение, мы увидим полноразмерный предварительный просмотр моего текущего выделения в оттенках серого. Это тот же предварительный просмотр, который отображался в окне предварительного просмотра, но он гораздо более полезен при просмотре в полном размере:

В окне документа теперь отображается полноразмерная версия предварительного просмотра выделения в градациях серого.

Еще один очень полезный способ предварительного просмотра вашего выбора — выбрать Black Matte из параметра предварительного просмотра выбора:

Выбор матового черного в параметрах предварительного просмотра.

Это мой любимый способ предварительно просмотреть мой выбор, потому что он отображает само изображение или, по крайней мере, области изображения, которые в настоящее время находятся внутри моего выделения, на сплошном черном фоне:

Выбранные области изображения теперь отображаются на черном фоне в окне документа.

Вы также можете выбрать White Matte , который будет отображать выбранные области изображения на сплошном белом фоне, или Quick Mask , чтобы просмотреть выделение с красным наложением быстрой маски.Все четыре параметра могут быть полезными способами предварительного просмотра вашего выбора в окне документа. Чтобы вернуться к просмотру изображения, установите для параметра «Предварительный просмотр выделения» значение «Нет».

Локализованные кластеры цвета (Photoshop CS4 и выше)

Обратите внимание, что у меня возникла небольшая проблема. Я хочу выбрать только красные розы на фотографии, чтобы сохранить их в цвете при преобразовании остальной части изображения в черно-белое, но если вы посмотрите на самый верх документа на предыдущем снимке экрана, вы увидите Я также выбрала верхнюю часть платья женщины, потому что она такого же красного цвета, как и розы.

В Photoshop CS4 Adobe добавила новую функцию в команду «Цветовой диапазон» под названием Localized Color Clusters . Мы можем использовать эту опцию, чтобы ограничить области на фотографии, в которых Photoshop будет искать соответствующие цвета. Я щелкну внутри флажка, чтобы включить эту опцию (опять же, опция Localized Color Clusters доступна только в CS4 и выше):

Включение локализованных цветовых кластеров.

Как только мы включим локализованные кластеры цветов, сразу под ползунком «Нечеткость» станет доступна другая опция, Диапазон .Если для диапазона установлено значение 100% (или если параметр «Локальные кластеры цветов» отключен), Photoshop будет искать по всему изображению области соответствующего цвета, чтобы добавить их к нашему выделению. Но когда мы уменьшаем значение диапазона, перетаскивая ползунок влево, мы говорим Photoshop, чтобы он смотрел только на те области фотографии, которые ближе к областям, на которые мы щелкнули, и игнорировать области, которые находятся слишком далеко от того места, где мы щелкнули.

Другими словами, я могу сказать Photoshop, чтобы он игнорировал красную часть женского платья в верхней части фотографии и фокусировался только на областях, близких к розам (области, на которые я нажимал, чтобы выбрать цвета), просто уменьшив свой диапазон ценить.Я уменьшу значение диапазона примерно до 50% или около того. И сейчас. Если мы посмотрим на верхнюю часть окна предварительного просмотра, мы увидим, что оно стало сплошным черным, что означает, что платье женщины больше не является частью выбора, потому что оно слишком далеко от роз:

Уменьшение значения диапазона удаляет верхнюю область фотографии из выделения.

Я продолжу щелкать внутри роз с помощью инструмента Добавить в образец, чтобы добавить больше областей к моему выделению. Затем я уточню свой выбор с помощью ползунка «Нечеткость».На примере градиента, который мы рассмотрели ранее, мы увидели, как добавить к выделению, увеличив значение Нечеткости, но с этим изображением я фактически собираюсь немного сузить выделение, немного снизив значение Нечеткости. Наконец, я изменю значение своего диапазона, чтобы еще больше сузить выбор, и после нескольких минут поиграться с настройками (вам часто придется переходить с настройками вперед и назад, чтобы все было правильно), Я доволен своим финальным результатом:

Мои последние настройки цветового диапазона.

Инвертирование выбора

Еще одна важная вещь, которую я должен учитывать, это то, что в настоящее время у меня уже отобраны розы, но на самом деле мне нужно выбрать все , кроме роз. Другими словами, мне нужно инвертировать мой выбор, чтобы все, что в данный момент выбрано (розы), стало не выделенным, а все, что в данный момент не выбрано (остальная часть фотографии), стало выделенным.

Чтобы инвертировать выделение в диалоговом окне Color Range, все, что нам нужно сделать, это выбрать опцию Invert под пипеткой.Это также инвертирует предварительный просмотр выделения в градациях серого в окне предварительного просмотра, поскольку мои розы (теперь заполненные черным) больше не являются частью моего выделения, в то время как остальная часть изображения (заполненная белым) теперь выбрана:

Выбор параметра «Инвертировать».

Чтобы завершить свой выбор, я нажимаю ОК в правом верхнем углу диалогового окна, чтобы закрыть команду «Цветовой диапазон», и теперь мы видим стандартные контуры выделения «марширующих муравьев» в моем документе. Как я упоминал ранее, контур выделения появляется только вокруг пикселей, которые выбраны не менее чем на 50%, а это означает, что то, что мы видим, часто не совсем точное:

В документе появится стандартная схема выбора.

Чтобы быстро закончить свой эффект, я нажимаю на значок New Adjustment Layer в нижней части панели слоев:

Щелкнув значок «Новый корректирующий слой».

Затем я выберу корректирующий слой Black & White из появившегося списка:

Выбор корректирующего слоя «Черно-белый».

Добавляет корректирующий слой «Черно-белый» поверх моего изображения на фоновом слое. На миниатюре предварительного просмотра маски слоя мы видим, что Photoshop применил выделение, которое я создал с помощью команды Color Range, к маске корректирующего слоя:

Недавно добавленный корректирующий слой Black & White.

Я пока оставлю для корректирующего слоя Black & White настройки по умолчанию, чтобы мы могли видеть, что благодаря способности команды Color Range выбирать розы на основе их цвета, я смог легко изолировать их от остальная часть изображения, чтобы они могли оставаться в цвете, а все остальное преобразовано в черно-белое:

Окончательный результат.

Изменение цвета текста

Вы можете сделать данные на листах более видимыми, изменив цвет шрифта ячеек или диапазона ячеек, отформатировав цвет вкладок рабочего листа или изменив цвет формул.

Информацию об изменении цвета фона ячеек, применении узоров или цветов заливки см. В разделе Добавление или изменение цвета фона ячеек.

Изменить цвет текста для ячейки или диапазона ячеек

  1. Выберите ячейку или диапазон ячеек с данными, которые нужно отформатировать. Вы также можете выделить только часть текста в ячейке.

  2. На вкладке Home щелкните стрелку рядом с полем Font Color .

  3. В разделе Цвета темы или Стандартные цвета выберите цвет.

    Совет: Чтобы применить последний выбранный цвет текста, на вкладке Home выберите Font Color .

Применение нестандартного цвета

Если вам нужен определенный цвет шрифта, вот как вы можете смешать свой собственный цвет:

  1. Нажмите На главную > Цвет шрифта стрелка> Другие цвета .

  2. На вкладке Custom в поле Colors выберите нужный цвет.

    Если вам известны номера цветов определенного цвета, выберите RGB (красный, зеленый, синий) или HSL (Hue, Sat, Lum) в поле Color model , а затем введите числа, соответствующие точному цветовому оттенку, который вы хотеть.

Совет: Чтобы быстро скопировать цвет шрифта, который вы использовали, в другие ячейки, выберите ячейку с этим цветом шрифта и дважды щелкните Format Painter .Затем щелкните ячейки, которые хотите отформатировать. Когда вы закончите, снова нажмите Format Painter , чтобы выключить его.

Форматирование цвета вкладки рабочего листа

  1. Щелкните правой кнопкой мыши вкладку рабочего листа, цвет которой вы хотите изменить.

  2. Выберите Tab Color , а затем выберите нужный цвет.

    Цвет вкладки меняется, но не цвет шрифта.Когда вы выбираете темный цвет вкладки, шрифт переключается на белый, а когда вы выбираете светлый цвет для вкладки, шрифт переключается на черный.

Изменение внешнего вида рабочего листа

Используйте формулу для применения условного форматирования

Цвет


Светопоглощение

Когда молекула взаимодействует со светом и энергия поглощается, говорят, что молекула возбуждена, и происходит переход, который может перевести молекулу из начального состояния в состояние с более высокой энергией.

В одноэлектронном приближении это описывается продвижением электрона с заполненной орбитали на незаполненную (в случае диамагнитных материалов).Разница в энергии между этими уровнями (возбужденное состояние и основное состояние) дает энергию фотонов, которые могут быть поглощены.

Для характеристики этого перехода можно использовать несколько параметров, включая энергию падающего излучения, необходимую для эффективного поглощения света, и присущую молекулам способность поглощать излучение соответствующей энергии по соотношению Планка:


где hv — энергия фотона, соответствующая энергетической щели между состояниями.Энергия указывается в нескольких единицах; следующее полезно для перевода между некоторыми общими единицами, встречающимися в литературе:

1 эВ = 23,06 ккал / моль = 8065 см -1 = 1240 нм

Цвет

Наше восприятие цвета определяется тем, какие длины волн излучения достигают нашего глаза, и чувствительностью рецепторов нашего глаза к различным цветам. Глаз имеет палочки и колбочки, содержащие хромофоры, которые преобразуют свет в электрический импульс, который мозг использует для восприятия изображений.Это противоположно тому, что вы видите в светодиодах, в которых электричество вызывает излучение света.

Стержни работают в условиях низкой интенсивности и обеспечивают изображение в оттенках черного, серого и белого. Это называется скотопическим зрением.

Колбочки обрабатывают изображения высокой интенсивности в цвете, что называется фотопическим зрением. Колбочки бывают трех разновидностей, которые примерно соответствуют синему, зеленому и красному цвету; если все три конуса возбуждены одновременно, изображение будет белым.

Дополнительные цвета

На этом графике показано, какой цвет будет восприниматься при поглощении материала в определенных областях видимого спектра.

Если длина волны света из определенной области спектра поглощается материалом, тогда материалы будут иметь дополнительный цвет. Так, например, если поглощается фиолетовый свет с длиной волны 400 нм, материал будет выглядеть желтым. Если материал впитывает синий цвет, вы увидите оранжевый цвет.

Поглощенный цвет Видимый цвет
фиолетовый желтый
Синий оранжевый
Зеленый Красный
Желтый фиолетовый
Оранжевый Синий

Обратите внимание, что зеленый цвет на рисунке не обозначен; это потому, что материалы, которые кажутся зелеными, фактически поглощают красный и синий (т.е., около 650 нм и 425 нм) форма и цвет полосы

Наша способность воспринимать очень маленькие различия в цвете довольно необычна; например, два раствора, которые имеют практически идентичные спектры поглощения с незначительными различиями в их хвостах, можно распознать как явно разные оттенки. Очень небольшие изменения формы полосы поглощения (не только положения) приводят к тому, что материалы приобретают разные оттенки.

Яркий и тусклый

Резкий пик поглощения приводит к восприятию насыщенного цвета.

Как правило, цвета, которые мы воспринимаем как яркие и яркие, имеют сильные узкие полосы поглощения, тогда как тусклые цвета имеют более слабые и широкие полосы поглощения.

Описание цвета

Оттенок — это тот аспект цвета, который обычно ассоциируется с такими терминами, как красный, оранжевый, желтый и т. Д. Оттенок отличает чистоту цвета доминирующего цвета (т. Е. Красного от желтого). Положение максимумов поглощения во многом определяет это свойство.


насыщенность (также известная как цветность или тон) относится к относительной чистоте; когда чистый, яркий, сильный оттенок красного смешивается с переменным количеством белого, получается более слабый или бледный красный цвет, каждый из которых имеет тот же оттенок, но разную насыщенность; такие более светлые цвета называются ненасыщенными. Вы можете определить степень насыщенности данного изображения с помощью диаграммы цветности. Например, предположим, что у вас есть красный цвет, и вы постепенно увеличиваете количество синего и зеленого света, достигающего глаза, тогда смесь красного, синего и зеленого будет способствовать восприятию белого.Белый плюс красный даст розовый. Оттенок не изменился бы, но насыщенность была бы ниже


Свет любой заданной комбинации оттенка и насыщенности может иметь переменную яркость (также называемую интенсивностью, яркостью или значением), которая зависит от общего количества присутствующей световой энергии. Яркость цвета изменяется путем изменения интенсивности всех трех основных цветов на одинаковую величину. Например, если увеличить интенсивность красного, он станет коричневым.


Все цвета могут быть созданы путем добавления основных цветов. Используйте это приложение Flash, чтобы изучить смешение цветов.

Настройка цветов — Tailwind CSS

Обзор

Tailwind включает в себя профессионально созданную цветовую палитру по умолчанию, которая является отличной отправной точкой, если вы не задумываетесь о собственном брендинге.

Но когда вам все-таки нужно настроить палитру, вы можете настроить цвета с помощью клавиши цветов в разделе темы попутного ветра .config.js файл:

 
module.exports = {
  тема: {
    цвета: {
      
    }
  }
}  

Когда дело доходит до создания пользовательской цветовой палитры, вы можете выбрать цвета из нашей обширной включенной цветовой палитры или настроить свои собственные цвета, напрямую добавив определенные значения цвета.


Выбор цветов

Если у вас нет набора полностью настраиваемых цветов для вашего проекта, вы можете выбрать цвета из нашей полной цветовой палитры, импортировав 'tailwindcss / colors' в свой файл конфигурации и выбрав цвета, которые вам нравятся.

 
const colors = require ('tailwindcss / colors')

module.exports = {
  тема: {
    цвета: {
      прозрачный: 'прозрачный',
      текущий: 'currentColor',
      черный: цвета. черный,
      белый: цвета. белый,
      серый: colors.trueGray,
      индиго: цвета. индиго,
      красный: цвета. роза,
      желтый: цвета. янтарь,
    }
  }
}  

Не забудьте включить прозрачный и текущий , если вы хотите, чтобы они были доступны в вашем проекте.

Несмотря на то, что каждому цвету присвоено определенное имя, в ваших собственных проектах рекомендуется использовать для них псевдонимы, которые вам нравятся.Мы даже делаем это в конфигурации по умолчанию, используя псевдоним coolGray до серый , фиолетовый до фиолетовый , желтый до желтый и изумруд до зеленый .

См. Нашу полную справочную информацию о цветовой палитре, чтобы увидеть, какие цвета доступны для выбора по умолчанию.


Пользовательские цвета

Вы можете создать полностью настраиваемую палитру, добавив свои собственные значения цвета с нуля:

 
модуль.export = {
  тема: {
    цвета: {
      прозрачный: 'прозрачный',
      текущий: 'currentColor',
      синий: {
        свет: '# 85d7ff',
        ПО УМОЛЧАНИЮ: '# 1fb6ff',
        темно: '# 009eeb',
      },
      розовый: {
        свет: '# ff7ce5',
        ПО УМОЛЧАНИЮ: '# ff49db',
        темно: '# ff16d1',
      },
      серый: {
        самый темный: '# 1f2d3d',
        темно: '# 3c4858',
        ПО УМОЛЧАНИЮ: '# c0ccda',
        свет: '# e0e6ed',
        самый светлый: '# f9fafc',
      }
    }
  }
}  

По умолчанию эти цвета автоматически используются всеми утилитами управления цветом, например textColor , backgroundColor , borderColor и другими.


Синтаксис цветового объекта

Вы можете видеть выше, что мы определили наши цвета, используя нотацию вложенных объектов, где вложенные ключи добавляются к имени основного цвета в качестве модификаторов:

 
module.exports = {
  тема: {
    цвета: {
      индиго: {
        свет: '# b3bcf5',
        ПО УМОЛЧАНИЮ: '# 5c6ac4',
        темно: '# 202e78',
      }
    }
  }
}  

Различные сегменты имени цвета объединяются, чтобы сформировать имена классов, например bg-indigo-light .

Как и многие другие места в Tailwind, клавиша DEFAULT является специальной и означает «без модификатора», поэтому эта конфигурация будет генерировать такие классы, как text-indigo и bg-indigo , а не text-indigo-DEFAULT или bg-indigo-ПО УМОЛЧАНИЮ .

Вы также можете определить цвета как простые строки вместо объектов:

 
module.exports = {
  тема: {
    цвета: {
      'зажигалка индиго': '# b3bcf5',
      'индиго': '# 5c6ac4',
      'индиго-темный': '# 202e78',
    }
  }
}  

Обратите внимание, что при доступе к цветам с помощью функции theme () вам необходимо использовать ту же нотацию, которую вы использовали для их определения.

 
module.exports = {
  тема: {
    цвета: {
      индиго: {
        
        свет: '# b3bcf5',

        
        ПО УМОЛЧАНИЮ: '# 5c6ac4',
      },

      
      'индиго-темный': '# 202e78',
    }
  }
}  

Расширение значений по умолчанию

Как описано в документации темы, если вы хотите расширить цветовую палитру по умолчанию, а не переопределять ее, вы можете сделать это с помощью раздела theme.extend.colors вашего tailwind.config.js файл:

 
модуль.export = {
  тема: {
    продлевать: {
      цвета: {
        'regal-blue': '# 243c5a',
      }
    }
  }
}  

Это сгенерирует классы вроде bg-regal-blue в дополнение ко всем цветам Tailwind по умолчанию.

Эти расширения глубоко объединены, поэтому, если вы хотите добавить дополнительный оттенок к одному из цветов Tailwind по умолчанию, вы можете сделать это следующим образом:

 
module.exports = {
  тема: {
    продлевать: {
      цвета: {
        синий: {
          450: '# 5F99F7'
        },
      }
    }
  }
}  

Это добавит такие классы, как bg-blue-450 , без потери существующих классов, таких как bg-blue-400 или bg-blue-500 .


Отключение цвета по умолчанию

Если вы хотите отключить цвет по умолчанию, потому что вы не используете его в своем проекте, самый простой подход - просто создать новую цветовую палитру, которая не включает цвет, который вы ' хочу отключить.

Например, этот файл tailwind.config.js исключает бирюзовый, оранжевый и розовый, но включает остальные цвета по умолчанию:

 
const colors = require ('tailwindcss / colors')

module.exports = {
  тема: {
    цвета: {
      прозрачный: 'прозрачный',
      текущий: 'currentColor',
      черный: цвета.чернить,
      белый: цвета. белый,
      серый: colors.coolGray,
      красный: цвета. красный,
      желтый: цвета. янтарь,
      синий: colors.blue
    }
  }
}  

В качестве альтернативы вы можете оставить цветовую палитру нетронутой и полагаться на древовидные неиспользуемые стили, чтобы удалить цвета, которые вы не используете.


Именование цветов

Tailwind использует буквальные названия цветов (например, красный, зеленый и т. Д.) и числовую шкалу (где 50 - светлый, а 900 - темный) по умолчанию.Это оказывается довольно практичным для большинства проектов, но есть веские причины использовать и другие соглашения об именах.

Например, если вы работаете над проектом, который должен поддерживать несколько тем, может иметь смысл использовать более абстрактные имена, такие как первичный и вторичный :

 
module.exports = {
  тема: {
    цвета: {
      первичный: '# 5c6ac4',
      вторичный: '# ecc94b',
      
    }
  }
}  

Вы можете настроить эти цвета явно, как указано выше, или вы можете выбрать цвета из нашей полной цветовой палитры и присвоить им псевдоним:

 
const colors = require ('tailwindcss / colors')

модуль.export = {
  тема: {
    цвета: {
      первичный: colors.indigo,
      вторичный: цвета. желтый,
      нейтральный: цвета. серый,
    }
  }
}  

Эти цвета можно даже определить с помощью настраиваемых свойств (переменных) CSS, чтобы упростить переключение тем на клиенте:

 
module.exports = {
  тема: {
    цвета: {
      первичный: 'var (- основной цвет)',
      вторичный: 'var (- вторичный цвет)',
      
    }
  }
}  
 
:корень {
  --color-primary: # 5c6ac4;
  --color-secondary: # ecc94b;
  
}

@tailwind base;
компоненты @tailwind;
@tailwind утилиты;  

Обратите внимание, что цвета, определенные с помощью настраиваемых свойств, не будут работать с такими утилитами непрозрачности цвета, как bg-opacity-50 , без дополнительной настройки.См. Этот пример репозитория для получения дополнительной информации о том, как это работает.


Генерация цветов

Часто задаваемый вопрос: «Как мне создать 50–900 оттенков моих собственных цветов?».

Плохие новости, цвет - это сложно, и, несмотря на то, что мы испробовали десятки различных инструментов, мы еще не нашли тот, который хорошо справлялся бы с созданием таких цветовых палитр. Мы вручную выбрали все стандартные цвета Tailwind, тщательно сбалансировали их на глаз и протестировали на реальных проектах, чтобы убедиться, что они нам нравятся.


Ссылка на цветовую палитру

Это список всех цветов, доступных при импорте tailwindcss / colors в файл tailwind.config.js .

 
const colors = require ('tailwindcss / colors')

module.exports = {
  тема: {
    цвета: {
      
      прозрачный: 'прозрачный',
      текущий: 'currentColor',
      серый: colors.trueGray,
      красный: цвета. красный,
      синий: цвета. небо,
      желтый: цвета. янтарь,
    }
  }
}  

Несмотря на то, что у каждого цвета есть определенное имя, в ваших собственных проектах рекомендуется использовать для них псевдонимы, которые вам нравятся.

Учебное пособие по физике: вычитание цвета

Предыдущий урок был посвящен принципам сложения цветов. Эти принципы определяют воспринимаемый цвет в результате смешения разных цветов света. Принципы добавления цвета имеют важное применение в цветном телевидении, цветных компьютерных мониторах и сценическом освещении в театрах. Каждое из этих приложений включает смешивание или добавление цветов света для получения желаемого внешнего вида. Наше понимание восприятия цвета было бы неполным без понимания принципов вычитания цвета.В этой части Урока 2 мы узнаем, как материалы, пропитанные определенными пигментами, будут избирательно поглощать определенные частоты света, чтобы добиться желаемого внешнего вида.

Мы уже узнали, что материалы содержат атомы, способные избирательно поглощать одну или несколько частот света. Рассмотрим рубашку из материала, способного поглощать синий свет. Такой материал будет поглощать синий свет (если на него светит синий свет) и отражать другие частоты видимого спектра.Каким будет внешний вид такой рубашки, если она будет освещена белым светом, и как мы можем объяснить ее внешний вид? Чтобы ответить на этот вопрос (и любой другой подобный вопрос), мы будем полагаться на наше понимание трех основных цветов света (красный, зеленый и синий) и трех вторичных цветов света (пурпурный, желтый и голубой).

Процесс вычитания цвета

Для начала представьте, что белый свет состоит из трех основных цветов света - красного, зеленого и синего.Если на рубашку светит белый свет, то на рубашку светит красный, зеленый и синий свет. Если рубашка поглощает синий свет, то от рубашки будут отражаться только красный и зеленый свет. Таким образом, в то время как красный, зеленый и синий свет светят на рубашку, от нее будут отражаться только красный и зеленый свет. Красный и зеленый свет, попадающий в ваш глаз, всегда дает вид желтого; по этой причине рубашка будет желтой. Это обсуждение иллюстрирует процесс вычитания цвета . В этом процессе окончательный внешний вид объекта определяется тем, что начинается с одного цвета или смеси цветов и определяется, какой цвет или цвета света вычитаются из исходного набора.Визуально процесс изображен на диаграмме справа. Кроме того, процесс изображен в виде уравнения в пространстве ниже.

W - B = (R + G + B) - B = R + G = Y

Теперь предположим, что голубой свет светит на ту же рубашку - рубашку из материала, способного поглощать синий свет. Каким будет внешний вид такой рубашки, если она будет освещена голубым светом, и как мы можем объяснить ее внешний вид? Чтобы ответить на этот вопрос, мы еще раз применим процесс вычитания цвета.В этой ситуации мы начинаем только с синего и зеленого основных цветов света (напомним, что голубой свет состоит из синего и зеленого света). Из этой смеси мы должны вычесть синий свет. После процесса вычитания остается только зеленый свет. Таким образом, рубашка будет выглядеть зеленой в голубом свете. Обратите внимание на представление этого на диаграмме справа и уравнении ниже.


C - B = (G + B) - B = G

Из этих двух примеров мы можем сделать вывод, что рубашка, которая выглядит желтой, когда на нее светит белый свет, будет выглядеть зеленой, когда на нее светит голубой свет.Это сбивает с толку многих студентов-физиков, особенно тех, кто все еще считает, что цвет рубашки зависит от самой рубашки. Это заблуждение, на которое было обращено внимание ранее в Уроке 2, когда мы обсуждали, как видимый свет взаимодействует с материей, чтобы произвести цвет. В этой части Урока 2 было подчеркнуто, что цвет объекта не зависит от самого объекта. Скорее, цвет заключается в свете, который падает на объект и в конечном итоге отражается или передается нашим глазам.Распространяя эту концепцию цвета на два вышеупомянутых сценария, мы можем предположить, что рубашка выглядит желтой, если на нее светит красный и зеленый свет. Желтый свет - это комбинация красного и зеленого света. Рубашка кажется желтой, если она отражает красный и зеленый свет в наших глазах. Чтобы отражать красный и зеленый свет, эти два основных цвета света должны присутствовать в падающем свете.

Проверьте свое понимание этих принципов вычитания цвета, определив внешний вид тех же рубашек при освещении другими цветами.Обязательно начните с определения основного цвета (ов) света, падающего на объект, а затем вычтите поглощенный цвет из падающего (ых) цвета (ов).


Дополнительные цвета и вычитание цвета

В приведенных выше примерах бумага поглощала синий свет. Бумага, поглощающая синий свет, пропитана пигментом, известным как желтый пигмент.В то время как большинство пигментов поглощают более одной частоты (и известны как составные пигменты), для нашего обсуждения становится удобным сделать это простым, предполагая, что желтый пигмент поглощает одну частоту. Пигмент, поглощающий одну частоту, известен как чистый пигмент . Следующее правило поможет понять, какие цвета света поглощают и какие пигменты.

Пигменты поглощают свет. Чистые пигменты поглощают свет одной частоты или цвета.Цвет света, поглощаемого пигментом, является просто дополнительным цветом этого пигмента.

Таким образом, чистые синие пигменты поглощают желтый свет (который можно рассматривать как комбинацию красного и зеленого света). Чистые желтые пигменты поглощают синий свет. Чисто зеленые пигменты поглощают пурпурный свет (который можно рассматривать как комбинацию красного и синего света). Чистые пурпурные пигменты поглощают зеленый свет. Чистые красные пигменты поглощают голубой свет (который можно рассматривать как комбинацию синего и зеленого света).И, наконец, чистые голубые пигменты поглощают красный свет.

Теперь давайте объединим процесс вычитания цвета с пониманием дополнительных цветов, чтобы определить внешний вид различных листов бумаги при освещении различными источниками света. Мы рассмотрим три примера.

Пример 1 Пурпурный свет падает на лист бумаги, содержащий желтый пигмент.Определите внешний вид бумаги.

Пурпурный свет можно представить как состоящий из красного света и синего света. Желтый пигмент способен поглощать синий свет. Таким образом, синий вычитается из света, падающего на бумагу. Остается красный свет. Если бумага отражает красный свет, она будет выглядеть красной.

M - B = (R + B) - B = R


Пример 2 Желтый свет светит на лист бумаги, содержащий красный пигмент.Определите внешний вид бумаги.

Желтый свет можно представить как состоящий из красного света и зеленого света. Красный пигмент способен поглощать голубой свет. То есть красная бумага может поглощать как зеленый, так и синий основные цвета света (вспомните, что голубой свет представляет собой смесь зеленого и синего света). Так что красный и зеленый свет сияют на бумаге; и зеленый свет вычитается. (Нет необходимости вычитать синий свет, так как синий свет не светит на бумагу.) Это оставляет красный свет для отражения. Если бумага отражает красный свет, она будет выглядеть красной.

Y - G = (R + G) - G = R

Пример 3 Желтый свет светит на лист бумаги, содержащий синий пигмент. Определите внешний вид бумаги.

Желтый свет можно представить как состоящий из красного света и зеленого света.Синий пигмент способен поглощать желтый свет. То есть синяя бумага может поглощать как красный, так и зеленый основные цвета света (вспомните, что желтый свет представляет собой смесь красного и зеленого света). Так что красный и зеленый свет сияют на бумаге; и красный и зеленый свет вычитаются. Не остается цвета, который отражался бы в глазах. Впоследствии бумага становится черной.

Y - Y = (R + G) - (R + G) = Нет отраженного света = черный

Flickr Physics Фотография

Три прозрачных транспортира наложены друг на друга.Транспортиры окрашены в голубой, пурпурный и желтый цвета. Три транспортира освещаются белым светом, иногда называемым светом RGB. Каждый транспортир поглощает один основной цвет света. Голубой транспортир поглощает красный свет. Пурпурный транспортир поглощает зеленый свет. Желтый транспортир поглощает синий свет. Там, где перекрываются два транспортира, сквозь них просвечивает свет одного основного цвета. Например, там, где перекрываются голубой и желтый транспортир, красный и синий свет поглощаются, а зеленый свет кажется просвечивающим.А там, где голубой и пурпурный транспортиры перекрываются, красный и зеленый свет поглощаются, а синий свет кажется просвечивающим. Наконец, там, где перекрываются пурпурный и желтый транспортир, зеленый и синий свет поглощаются, а красный свет кажется просвечивающим. Это фото иллюстрирует принципы вычитания цвета.

Фильтры и вычитание цвета

Приведенное выше обсуждение относится к внешнему виду непрозрачных материалов.Ранее в этом уроке было проведено различие между непрозрачными и прозрачными материалами. Непрозрачные материалы избирательно поглощают одну или несколько частот света и отражают то, что не поглощается. В отличие от непрозрачных материалов, прозрачные материалы избирательно поглощают одну или несколько частот света и пропускают то, что не поглощается. Подобно непрозрачным материалам, прозрачные материалы пронизаны пигментами, содержащими атомы, способные поглощать свет одной частоты или даже диапазона частот.Зная цвет (а) падающего света и цвет света, поглощаемого пигментом или фильтром, можно применить процесс вычитания цвета для определения внешнего вида цвета прозрачного материала. Ниже мы рассмотрим три примера; примеры визуально изображены на схемах ниже.


В примере A белый свет (т.е. смесь красного, зеленого и синего) освещает пурпурный фильтр. Пурпурный поглощает свой дополнительный цвет - зеленый.Таким образом, зеленый вычитается из белого света. В результате фильтр пропускает красный и синий свет. По этой причине фильтр будет иметь пурпурный цвет (напомним, что пурпурный свет представляет собой смесь красного и синего света) при освещении белым светом. Этот процесс вычитания цвета можно представить следующим уравнением.

Вт - G = (R + G + B) - G = R + B = M

В примере B желтый свет (т.е. смесь красного и зеленого) освещает один и тот же пурпурный фильтр.Пурпурный поглощает свой дополнительный цвет - зеленый. Таким образом, зеленый вычитается из желтого света. В результате фильтр пропускает красный свет. По этой причине фильтр будет красным при освещении желтым светом. Этот процесс вычитания цвета можно представить следующим уравнением.

Y - G = (R + G) - G = рэнд

В примере C голубой свет (т.е. смесь синего и зеленого) освещает один и тот же пурпурный фильтр. Пурпурный поглощает свой дополнительный цвет - зеленый.Таким образом, зеленый вычитается из голубого света. В результате фильтр пропускает синий свет. По этой причине фильтр будет синим при освещении голубым светом. Этот процесс вычитания цвета можно представить следующим уравнением.

С - G = (B + G) - G = B

Рассуждения, смоделированные в трех приведенных выше примерах, можно использовать в любой ситуации, независимо от цвета падающего света и цвета фильтра.Когда вы подходите к решению таких проблем, независимо от того, связаны ли они с прозрачными или непрозрачными материалами, обязательно думайте в терминах основных цветов света и используйте шаги логического рассуждения. Избегайте запоминания и избегайте ярлыков. Если фильтр способен поглощать свет цвета, которого нет в смеси падающего света, просто не обращайте внимания на этот цвет. Поскольку этот цвет света не падает на объект, он не может влиять на внешний вид объекта.

Хотим предложить... Иногда просто прочитать об этом недостаточно. Вы должны с ним взаимодействовать! И это именно то, что вы делаете, когда используете один из интерактивных материалов The Physics Classroom. Мы хотели бы предложить вам совместить чтение этой страницы с использованием наших интерактивных цветных фильтров. Interactive находится в разделе Physics Interactives нашего веб-сайта и позволяет учащемуся изучить влияние фильтров разного цвета на белый свет и его отдельные компоненты R, G и B.

Основные цвета краски

Поездка в местную газету или в киностудию продемонстрирует те же самые принципы вычитания цвета в действии. Три основных цвета краски , используемые художником, цветным принтером или проявителем пленки, - это голубой (C), пурпурный (M) и желтый (Y). Художники, полиграфисты и разработчики фильмов не имеют прямого отношения к свету; скорее, они должны нанести краски или красители на белый лист бумаги.Эти краски и красители должны быть способны поглощать соответствующие компоненты белого света, чтобы произвести желаемый эффект. Большинство художников начинают с белого холста и наносят краски. Эти краски должны вычитать цвета, чтобы вы могли увидеть желаемое изображение. Художник может создать любой цвет, используя различное количество этих трех основных цветов краски.

Каждый основной цвет краски поглощает один основной цвет света. Цвет, поглощаемый основным цветом краски, является дополнительным цветом этой краски.Три основных цвета художника (пурпурный, голубой и желтый) вычитают красный, зеленый и синий по отдельности из белого листа бумаги. Таким образом,

Пурпурные краски поглощают зеленый свет.

Голубые краски поглощают красный свет.

Желтые краски поглощают синий свет.

Предположим, что художник хочет использовать три основных цвета краски, чтобы создать изображение красочной птицы, показанной справа.Птица будет нарисована на белой бумаге и рассмотрена в белом свете. Есть надежда, что у птицы будут зеленые рулевые перья, синяя нижняя часть тела, голубая верхняя часть тела, красная голова, пурпурная повязка на глазу, желтый глаз и средние перья и черный клюв. Как можно использовать три основных цвета краски для такого сходства? И как мы можем объяснить ответы с точки зрения вычитания цвета?

Чтобы получить зеленый хвост, необходимо нанести краску на область хвоста, чтобы поглотить красный и синий свет и оставить зеленый для отражения.Таким образом, зеленый хвост должен быть окрашен желтой краской (чтобы впитать синий) и голубой краской (чтобы впитать красный).

Чтобы получить синий цвет нижней части тела, необходимо нанести краску на нижнюю часть тела, чтобы поглотить красный и зеленый свет, а синий свет будет отражаться. Таким образом, синяя нижняя часть тела должна быть окрашена пурпурной краской (чтобы впитать зеленый) и голубой краской (чтобы поглотить красный).

Для создания красной головы необходимо нанести краску на область головы, чтобы поглотить синий и зеленый свет, а красный свет будет отражаться.Таким образом, красная голова должна быть окрашена пурпурной краской (чтобы впитать зеленую) и желтой краской (чтобы впитать синюю).

Чтобы создать голубой цвет верхней части тела, необходимо нанести краску на верхнюю часть тела, чтобы поглотить красный цвет, а зеленый и синий свет будут отражаться. Если зеленый и синий свет отражаются от верхней части тела, он будет казаться голубым (вспомните, что синий и зеленый свет объединяются, образуя голубой свет). Таким образом, голубая верхняя часть корпуса должна быть окрашена только голубой краской (чтобы поглотить красный цвет).

Для получения пурпурной повязки на глаза необходимо нанести краску на область повязки на глазу, чтобы она впитала зеленый цвет, оставив красный и синий свет для отражения. Если красный и синий свет отражается от области повязки на глазу, он будет пурпурным (вспомните, что синий и красный свет объединяются, образуя пурпурный свет). Таким образом, пурпурная повязка на глаз должна быть окрашена только пурпурной краской (чтобы поглотить зеленый цвет).

Чтобы получить желтый глаз и средние перья, необходимо нанести краску на области глаз и среднего перья, чтобы они поглотили синий цвет, оставив красный и зеленый свет для отражения.Если красный и зеленый свет отражаются от области глаза и среднего пера, он будет желтым (вспомните, что красный и зеленый свет объединяются, чтобы сформировать желтый свет). Таким образом, желтый глаз и средние перья должны быть окрашены только желтой краской (чтобы поглотить синий цвет).


Эта информация кратко представлена ​​на рисунке ниже.

Процесс вычитания цвета является полезным средством прогнозирования окончательного внешнего вида цвета объекта, если известны цвет падающего света и пигменты.Используя дополнительную цветовую схему, можно определить цвета света, который будет поглощен данным материалом. Эти цвета вычитаются из цветов падающего света (если они есть), и цвета отраженного света (или проходящего света) могут быть определены. Тогда можно предсказать внешний вид объекта по цвету.

Мы хотели бы предложить ... Иногда просто прочитать об этом недостаточно.Вы должны с ним взаимодействовать! И это именно то, что вы делаете, когда используете один из интерактивных материалов The Physics Classroom. Мы хотели бы предложить вам совместить чтение этой страницы с использованием нашего интерактивного рисования с CMY. Interactive находится в разделе Physics Interactives нашего веб-сайта и позволяет учащемуся исследовать влияние различных цветов основных пигментов.

Расследовать!

Наверное, давно у вас не было возможности поиграть со старыми мелками Crayola.Пришло время достать эту коробку! Какого цвета вы получите, если смешаете два цветных карандаша из коробки Crayola? Используйте Phun With Crayola Crayons виджет , чтобы узнать. Введите названия двух цветных карандашей из коробки. (Примеры: желто-коричневый, лесной зеленый, желтый, лиловый, коричневый, малиновый, барвинок и др. Затем нажмите кнопку Mix 'Em , чтобы узнать результат.

Flickr Physics Фотография

Три цветных прожектора - красный, зеленый и синий - освещают белый экран.Между экраном и источниками света помещается рука, тем самым отбрасывая на экран перекрывающиеся тени. Слева направо вы увидите желтую, пурпурную и голубую тень. Желтая тень создается блокировкой синего света; красный и зеленый свет сходятся, давая желтый цвет. Пурпурная тень создается блокировкой зеленого света; красный и синий свет сходятся, образуя пурпурный цвет. И, наконец, голубая тень создается блокировкой красного света; синий и зеленый свет сходятся, образуя голубой цвет.Красный и синий цвета получаются там, где тени перекрываются. На фото демонстрируются принципы вычитания и сложения цвета.


Мы хотели бы предложить ... Иногда просто прочитать об этом недостаточно. Вы должны с ним взаимодействовать! И это именно то, что вы делаете, когда используете один из интерактивных материалов The Physics Classroom. Мы хотели бы предложить вам совместить чтение этой страницы с использованием нашего интерактивного приложения «Цветные тени».Interactive находится в разделе Physics Interactives нашего веб-сайта и позволяет учащемуся исследовать расположение перекрывающихся теней, возникающих при проецировании на человека различных комбинаций красных, зеленых и синих прожекторов.

Проверьте свое понимание

1. Синие джинсы кажутся синими, потому что джинсы пропитаны химическим красителем.Объясните роль красителя. То есть, что краситель делает (поглощает или отражает) различных частот белого света?

2. Красная рубашка выглядит красной, когда на нее падает видимый свет ("ROYGBIV"). Используйте свое понимание физики, чтобы объяснить это явление.

3.Выразите свое понимание дополнительных цветов и правила вычитания цветов, заполнив следующие три диаграммы. Белый свет (красный-зеленый-синий) показан падающим на лист бумаги, окрашенный пигментом, поглощающим один из основных цветов света. Для каждой диаграммы определите цвет двух отраженных лучей и определите цвет, который появляется на бумаге.

4.На схемах ниже несколько листов бумаги освещены разными основными цветами света (R - красный, B - синий, G - зеленый). Укажите, какие основные цвета света будут отражаться и как выглядит лист бумаги. (Обратите внимание на сходство между этой проблемой и проблемой, описанной выше.)


5. Источники света разного цвета освещают листы бумаги разного цвета.Указанный цвет бумаги соответствует внешнему виду бумаги при просмотре в белом свете. Заполните приведенную ниже таблицу, чтобы показать цвет света, отражающегося от бумаги (т. Е. Наблюдаемый цвет).


6. На следующих диаграммах показаны различные основные цвета света (R для красного, B для синего и G для зеленого), падающего на цветной фильтр (C для голубого, M для пурпурного и Y для желтого).Определите, какие основные цвета света будут проходить через фильтры.


7. Предположим, что объект пропитан смесью двух или более красок и освещен белым светом. Заполните приведенную ниже таблицу, чтобы указать внешний вид объекта по цвету.

Краска Один Краска Два Наблюдаемый цвет
Голубой Пурпурный
Пурпурный Желтый
Голубой Желтый
Голубой пурпурный & Желтый

8.Какие основные цвета краски (CMY) или комбинацию красок вы бы использовали, чтобы нарисовать мальчика ниже? У него розовая (пурпурная) кожа, синие джинсы, желтый свитер, черная бейсболка, красные кроссовки и носки цвета морской волны. Укажите основных цветов краски , которые будут использоваться на схеме ниже.

Кожа: ______________

Джинсы: ______________

Свитер: ______________

Цоколь: ______________

Кроссовки: ______________

Носки: ______________

Использование инструмента Photoshop Color Range для изменения фона

Питер Барг из ePHOTOzine показывает, как использовать инструмент «Цветовой диапазон» Photoshop для изменения фона.

| Adobe Photoshop

Этот портрет певицы Бев был сделан с использованием двух основных студийных вспышек. - один слева и один справа, оба расположены над ее головой. указывая вниз. Фоном служила ткань в стиле Lastolite. нейтрального серого цвета, который я сейчас использую исключительно потому, что легко могу изменить цвет в цифровом виде.И это будет основой этого руководство. Я объясню, как использовать параметр «Цветовой диапазон», а затем «Регулировка». Слои для изменения фона.

Поскольку у меня простой фон, легко выделить весь участок, используя инструмент Magic Wand, но трудности возникают тогда, когда вам нужно выделение вокруг волос.Волшебная палочка здесь не пригодится и также не будут использоваться различные инструменты выделения, поэтому мы будем использовать Цветовой диапазон вариант.

Перейдите в Select> Color Range, чтобы вызвать диалоговое окно, отображаемое на экране. право. Выберите значок пипетки в центре, рядом с которым стоит +, и добавьте к выбранным цветам. Щелкните область фона в окне предварительного просмотра. Некоторые части станут белыми. Когда вы нажимаете на другую область, она добавить в подборку.Выберите больше областей и настройте параметр «Нечеткость». пока вся область фона не станет чисто-белой. Не волнуйтесь, если некоторые из область внутри силуэта модели также выделена, мы можем удалить это с помощью инструмента Лассо позже.

Область, где черный встречается с белым, является местом, где появится выбор. Когда вы будете довольны этим контуром, нажмите "ОК", и изображение будет иметь знакомый пунктирный выбор муравьев вокруг модели.Обратите внимание, насколько точны выбор касается тонких волос, но также и некоторых из более тонких пряди волос не выделяются. Не волнуйся, это не будет плохо, когда делаем изменение цвета.
Используя набор инструментов лассо, вычеркните все области модели, которые не должны выбираться, и они будут удалены из выделения краев.

Сохраните это выделение - выберите> Сохранить выделение и назовите его «волосы».

Перейдите в Layer> New Adjustment Layer> Hue / Saturation и отметьте Colorize. в диалоговом окне. Теперь, когда вы настроите ползунки, вы увидите цвет фона меняется. Регулировка оттенка изменяет цвет, регулируя насыщенность изменяет яркость цвета и регулирует яркость делает общий тон светлее или темнее

Я выбрал зеленый с помощью ползунка «Оттенок», а затем уменьшил насыщенность. и легкость, чтобы сделать его ярким, но не ярким цветом.

Корректирующие слои хороши тем, что они не влияют на базовый слой. изображение и могут быть легко удалены, оставив изображение без изменений, или они можно изменить позже, чтобы изменить ранее сделанные настройки. Здесь Я вернулся и сделал фон более ярким, и вы увидите палитра слоев, которую я добавил второй корректирующий слой.

Белые области в маленьких прямоугольниках - это затронутые области. когда вы вносите изменения в корректирующий слой. Таким образом, оттенок / насыщенность 1 влияет на фон и оттенок / насыщенность 2 модели.

Чтобы создать новый корректирующий слой, я сначала выбрал Select> Load selection. и вернул выделение «волос», которое я сохранил ранее. Затем я выбрал «выбрать»> «инвертировать» (Ctrl + Shift + I). Это инвертирует выбор поэтому, когда вы добавляете корректирующий слой, это влияет на модель.Я снова выбрал оттенок / насыщенность для корректирующего слоя и поиграл с ползунками, увеличивающими насыщенность, чтобы выделить оттенки кожи и красные губы.

Если вы довольны результатом, вы можете либо сгладить (Слой> Свернуть Изображение), чтобы корректирующие слои вносили в фотографию постоянные изменения, или сохраните как PSD, чтобы вы могли вернуться и внести другие изменения позже.

] Вот что я здесь сделал, изменил фон на красный и девушку к синему. Выбор, который вы делаете для корректирующих слоев, может быть как локальным. так как только глаза или губы и многие изменения цвета могут быть внесены в очень специфические области.

Вы можете начать использовать корректирующие слои для передачи черно-белого цвета. фото тоже.

Попробуйте свои фотографии прямо сейчас.

Поддержите этот сайт, сделав пожертвование, купив членство Plus или совершив покупки у одного из наших аффилированных лиц: Amazon UK, Amazon США, Amazon CA, ebay UK

Использование этих ссылок не требует дополнительных затрат, но поддерживает сайт, помогая сохранить бесплатный доступ к ePHOTOzine, спасибо.

Самые популярные цвета за последние десятилетия: 1920-е годы

Какие цвета приходят в голову, когда вы представляете 1960-е? Возможно, психоделические цвета, теплые апельсины, красные и желтые оттенки? А как насчет 1970-х? Возможно, это цвета дискотек и лавовых ламп. А как насчет 80-х? Это будет ярко-голубой, красный, пурпурный и желтый, верно? 1990-е? Как насчет сегодня? Неудивительно, что цвета постоянно входят в моду и выходят из нее, но что повлияло на палитру 1950-х годов по сравнению с 2000-ми годами? Мы взяли на себя задачу запечатлеть десятилетия с помощью простой цветовой палитры, черпая вдохновение из американской поп-культуры, моды, маркетинга, технологий и дизайна.Вот цвета, которые определяли последние 100 лет.

2010-е известны многим: ностальгией, хипстерами и минимализмом. От дизайна интерьера до технологий растущий интерес к минималистичным, хорошо продуманным и продуманным предметам стал символом статуса. Сегодня самые модные интерьеры имеют деревенскую отделку из дерева, металлические или каменные поверхности, полированные медные и латунные акценты, а также уютные темно-зеленые тропические растения, тщательно расставленные перед просторными белыми стенами, выбеленными на солнце.

В то время как разрешение экрана, качество камеры и технологии становились все более сложными, цифровой дизайн упростился до того, что мы называем плоским дизайном. Плоский дизайн построен из геометрических фигур, обрамленных нежными тенями, увенчанных простой типографикой без засечек. Однако следующая цветовая палитра привносит в стиль более фантастический элемент. Радостные градиенты, сюрреалистичные насыщенные цвета - это восхитительный опыт для пользователей.

И еще есть тысячелетний розовый, возможно, самый культовый цвет десятилетия.В течение многих лет цвет был неизбежен. В отеле The Grand Budapest Уэса Андерсона использовались разные цвета, от величественного фасада отеля до коробок для выпечки Менделя. Apple впервые представила его как цвет для iPhone в 2015 году (так называемое розовое золото), предоставив этот цвет миллионам. Pantone стал центром внимания в 2016 году, когда его вариант Rose Quartz и нежно-голубой Serenity были названы цветом 2016 года. Цвет можно легко найти в любой точке мира дизайна, и нет никаких признаков того, что мы готовы отказаться от него.

2000-е были отмечены временем упадка культуры и инноваций в технологиях. Некоторые из знаковых шоу того времени внимательно следили за жизнью экстравагантных американцев, реальных или вымышленных - Пэрис Хилтон из Простая жизнь , богатые подростки из My Sweet 16 , эпатажный состав из The Jersey Shore , Кэрри Брэдшоу в Секс в большом городе, Гретхен Винерс из Дрянных девчонок и, конечно же, Ким, Хлоя и Кортни Кардашьян из Идти в ногу с Кардашьян .Джинсы скинни, наконец, вошли в моду, но, к сожалению, тоже.

Это было также знаменательное десятилетие для Apple. Компания выпустила самое популярное портативное музыкальное устройство в истории: iPod. Новые итерации устройства стали меньше и более конфетного цвета. Каждое новое поколение iPod nano имело больше цветов, а к 4-му поколению на выбор был представлен набор из 9 цветов. Производство iPod было окончательно прекращено в 2017 году. В 2007 году был выпущен iPhone, с тех пор смартфоны стали доступны миллиардам людей по всему миру.Скевоморфный дизайн был модной эстетикой, особенно в веб-дизайне и полиграфическом дизайне. Скевоморфный дизайн известен своими искусственными объектами реального мира с реалистичными текстурами и цветом, прикрепленными к двухмерному миру.

В целом 2000-е были процветающим временем с возмутительной модой, выступлениями на VMA, событиями поп-культуры и потребителями, которые олицетворяли собой время. Великая рецессия 2008 года, безусловно, ослабила экономический оптимизм многих, и по мере того, как американцы выбирались из тяжелой экономики, они находили новые способы переосмыслить свои вкусы и идеалы в соответствии с тенденциями следующего десятилетия.

Color с 1960-х по 1980-е годы известны своими яркими яркими оттенками. Вещи не утихали до 1990-х годов, которые были известны своей более нейтральной и мрачной цветовой палитрой. Музыка гранж была на пике, и на первый план выходил альтернативный рок; его сцена была антиматериалистической и прославляла индивидуализм над потреблением. Офисы корпоративной Америки приняли нейтральные цвета: серый, бежевый и коричневый с лиловыми и бордовыми акцентами.Технологические компании, которые позиционировали свои продукты как забавные и простые в использовании, такие как Nintendo и Apple, выпустили пластиковые устройства конфетного цвета. Знаменитые телешоу, такие как Friends , Seinfeld и Daria , также приняли более сдержанную и приглушенную цветовую палитру. Кроме того, 1990-е годы также известны шумной модой цвета драгоценных камней, состоящей из насыщенного синего, яркого пурпурного, темно-зеленого и ярко-красного цветов.

1980-е годы были одним из первых моментов, когда революционные технологии пересеклись со способами развлечься.Появление персональных компьютеров позволило компьютерным играм и видеоиграм процветать. Компании создали красочные фантастические рекламные объявления, чтобы продемонстрировать дисплеи на своих устройствах. Знаменитый логотип Apple с 1977 по 1998 год был окрашен в радужный цвет, чтобы их продукты казались потребителям дружелюбными, и демонстрировал цветной дисплей Apple II. MTV дебютировал в 1981 году, и началась эра музыкальных клипов на телевидении. Примером резкой привлекательности MTV были короткие рекламные паузы, в которых логотип трансформировался и формировался благодаря анимации и необычному кинопроизводству.Экспериментальная итальянская дизайнерская группа Memphis создала энергичный, электрический эстетический образ 1980-х годов, который мы узнаем и с любовью копируем сегодня.

1970-е отмечены свечением чистых основных цветов, поскольку технология экрана сделала значительный переход от черно-белого к цветному. Красочные мультфильмы субботнего утра, Улица Сезам , Цена правильная и, конечно же, Субботний вечер в прямом эфире - все они появились в 1970-х годах и вдохновили поколение молодежи и подростков своими красочными мирами.Дети играли с яркими игрушками, такими как LEGO, Hot Wheels, Barbie и Play-Doh. Эклектичные, яркие цвета от светящихся танцполов и неоновых огней освещали дискотеки и панк-сцены. Мода была гораздо ярче: люди носили облегающие брюки, рубашки и платья из яркого полиэстера.

1960-е помнят как радикальное время в американской истории и культуре. Выбирайте цвета сахарной ваты и добавляйте богатые психоделические палитры.Модные мотивы и психоделические узоры столкнулись с естественными оттенками пустыни. Названия цветов, такие как жженая сиена, золото урожая и авокадо, прочно ассоциируются с дизайном интерьера 1960-х и 1970-х годов. Дизайнер Сол Басс создал звездные начальные титры известных фильмов 1960-х годов для фильмов Альфреда Хиткока, в том числе «Головокружение» , «К северу через северо-запад» и «Психо ». Дизайнер логотипов Пол Рэнд изменил облик корпоративной Америки, создав вневременные геометрические логотипы.Электрифицированные поп-фигуры, такие как Beatles, The Rolling Stones, Джими Хендрикс и Энди Уорхол, также представлены в ярких земных тонах.

В 1950-е годы Америка вернулась домой. Солдаты, вернувшиеся со Второй мировой войны, учились в колледжах, покупали дома и создавали семьи. Еще одно десятилетие американского потребительства, гламура и процветания охватило нацию. Рекламодатели создали остроумные кампании для разных членов семьи: мам, пап и новоиспеченной возрастной группы: подростков.Пудровая пастель стала модной и ассоциировалась с американскими домохозяйками, чтобы передать молодость, тепло и радость. Мода, автомобили, графический дизайн, мебель и декор - все это пронизано нежными розовыми, синими и зелеными оттенками. В 1950-х годах можно было даже купить цветную туалетную бумагу. 1950-е годы были классической эпохой для семей автомобилистов, которые стекались в фантастические парки развлечений и освещали мотели атомного века в своих модернизированных машинах.

Правительство должно было поддерживать гражданский и военный моральный дух во время войны и нормирования.Пропагандистские плакаты приняли богатую патриотическую палитру и пропагандировали веселое и романтическое чувство долга среди населения. Уилли Гиллис, персонаж, придуманный Рокуэллом, представляет собой юмористический и симпатичный архетип солдата, призванного в американскую армию. Willie Gillis’s ярче и веселее, чем более нейтральные палитры, которые появлялись где-либо еще. Основные цвета, такие как синий, синий, красный и желтый, широко использовались наряду с приглушенными военными цветами, такими как оливковый, коричневый и коричневый. За счет нормирования мода военного времени стала более минималистичной и прагматичной.В мире развлечений взрослые и дети смотрели фильмы, мультфильмы и комиксы, содержащие проамериканские идеи, чтобы заручиться большей поддержкой войны. В «Лицо фюрера», военном пропагандистском короткометражке Disney, выпущенном в 1943 году, Дональд Дак мечтает о том, чтобы его жизнь находилась под контролем нацистов, в мрачных, приглушенных и мутных тонах зеленого, коричневого и желтого цветов.

Во время волны Великой депрессии американцы упорно пытались найти доступные семейные средства развлечения и отдыха.1930-е годы также были временем неподвластной времени культовой поп-культуры, которую сегодняшняя аудитория лелеет и изобретает с учетом современных вкусов и идеалов. В этот период были созданы фильмы, настольные игры, комиксы и журналы - некоторые имена остаются фаворитами из поколения в поколение. Несмотря на ужас и отчаяние Великой депрессии, было много радостных, ярких и ярких красок, олицетворяющих эпоху, отражающую то, как американцы сохраняли магию в повседневной жизни.

американца в 20-е годы были соблазнены роскошью, отдыхом и приключениями.От архитектуры до моды и графического дизайна желтый и золотой излучали энергию, богатство и счастье. Ар-деко повлиял на дизайнеров, художников и архитекторов всего западного мира. Радикальные модернистские художественные движения, такие как кубизм, футуризм, экспрессионизм и дадаизм, также повлияли на некоторых американских художников. В дизайне плакатов художники часто использовали прозрачные слои красного, сине-желтого и черного цветов, чтобы создать полный спектр насыщенных цветов.