Как цвет может улучшить ваш дизайн
Аудио перевод статьи
Резюме: Для создания успешного пользовательского опыта, необходимо сочетать цвета таким образом, чтобы они эффективно работали вместе, не перегружали дизайн и единообразно использовались в интерфейсе.
Цвет — один из важнейших и самых эффективных инструментов в распоряжении дизайнера. Он может передать общий характер бренда и определить его имидж, привлечь внимание пользователей, повлиять на их эмоции и повысить юзабилити. Однако подобрать удачное сочетание цветов бывает трудно. Кроме того, это требует определенных базовых знаний и практики.
Цветовой круг: что это и как его использовать
Цвет — это то, каким образом наши глаза воспринимают световые волны разной длины. В 1666 году сэр Исаак Ньютон выделил три группы цветов:
- Первичные: желтый, красный, синий
- Вторичные: оранжевый, фиолетовый, зеленый (получаются, если смешать первичные цвета)
- Третичные: желто-оранжевый, красно-оранжевый, красно-фиолетовый и т.
д. (получаются, если смешать первичные и вторичные цвета)
д. (получаются, если смешать первичные и вторичные цвета)Ньютон разместил эти цвета на цветовом круге, чтобы показать отношения между ними.
Теория цвета
Теория цвета представляет собой предпринимаемые в изобразительном искусстве попытки объяснить, какие цвета сочетаются друг с другом. Хотя мы не будем подробно рассматривать теорию цвета в этой статье, центральное место в ней занимает понятие цветовой гармонии: сочетание цветов, которые хорошо работают вместе.
Вы можете воспринимать цветовые гармонии как строительные блоки или базовый шаблон цветовой палитры. Наиболее распространенные цветовые гармонии это:
- Аналоговая: цвета располагаются на цветовом круге рядом друг с другом.
(Такая цветовая гармония создает низкий цветовой контраст.) - Комплементарная: включает противоположные цвета на цветовом круге, обладает высоким контрастом.
- Раздельно-комплементарная: включает три цвета — основной и два цвета, расположенных по обе стороны от противоположного. Эта гармония немного смягчает контраст, создаваемый комплементарными цветами.
- Триадная: три равноудаленных цвета на цветовом круге (расположены с шагом в 120 градусов).
- Монохроматическая: тона и оттенки одного цвета.
Существуют также виды цветовых гармоний, в которых используется четыре цвета. Однако, чем больше цветов вы выберете, тем сложнее будет их сбалансировать и создать четкую визуальную иерархию.
Конечно, если у вас есть опыт работы с цветом, вы можете экспериментировать с более сложными гармониями, но начать стоит с двух или трех цветов.
Значение цветов
Хотя в сети можно найти множество популярных статей, в которых подробно рассматривается значение цветов, существует мало реальных исследований, доказывающих, что тот или иной цвет может оказывать одинаковое воздействие на эмоции всех людей. В целом, хотя с началом глобализации некоторые цвета приобрели стандартные значения (например, красный означает остановку, зеленый — сигнал для продолжения движения), безопаснее всего будет предположить, что интерпретация цвета может варьироваться от культуры к культуре. К примеру, какой цвет символизирует деньги, красный (как в Китае) или зеленый (как в США)? Также не следует забывать, что некоторые люди не могут различать ряд цветов из-за дальтонизма.
Если вы хотите, чтобы цвета в вашем дизайне вызывали определенные ассоциации, то (а) имейте в виду, что, скорее всего, ваша идея не будет работать одинаково хорошо во всем мире, и (б) проведите дополнительное пользовательское тестирование, чтобы убедиться, что пользователи интерпретируют цвета так же, как и вы.
Использование цвета в дизайне
Цветовые палитры — это набор цветов, выбранных для конкретного проекта или бренда. Каждый новый цвет добавляется с определенной целью, а палитра в целом дает представление о визуальной эстетике продукта или интерфейса.
Создаем цветовую палитру
Создать эффективную цветовую палитру бывает трудно. Вот некоторые рекомендации, которые помогут вам в этом:
- Выберите одну из приведенных выше цветовых гармоний и начните перебирать варианты для каждого из входящих в нее цветов. Обычно проще всего создать и применить монохроматическую схему, поэтому, если у вас совсем нет опыта работы с цветом, можно начать именно с этой цветовой гармонии. После того, как вы определились с гармонией, начните перебирать различные цвета, чтобы увидеть, насколько хорошо они работают и как выглядят вместе, пока не найдете наиболее выигрышную комбинацию, которая понравится вам и отлично подойдет для вашего дизайна. Не пытайтесь с первого раза все сделать правильно.
Если вы чувствуете, что застряли или просто не знаете, с чего начать, попробуйте найти вдохновение в уже существующих палитрах (например, используйте Adobe Color или поищите веб-сайты, которые покажутся вам красивыми). Постарайтесь понять, почему вам нравится то или иное сочетание цветов. Какие это цвета: насыщенные или пастельные? Теплые или холодные? - Ограничьте свою цветовую палитру тремя цветами. Когда в дизайне используется небольшое количество цветов, это позволяет создать более сильную визуальную иерархию и контраст, поскольку пользователям нужно меньше анализировать значение цветов и отвлекаться на них. Например, было ли вам когда-нибудь трудно найти на полке в магазине определенные хлопья? Причина в большом количестве цветов, которые соревнуются за ваше внимание! Это же справедливо и для дизайн-проектов. Меньше — больше.
- Следуйте положениям стайлгайда (руководства по стилю) о цветах. При создании цветовой палитры для своего проекта всегда учитывайте рекомендации из стайлгайда.
Это не только упростит вашу задачу, поскольку количество вариантов будет ограничено, но и позволит создать сильный, единообразный опыт взаимодействия потребителей с брендом. Если у вас нет руководства по стилю, обратите внимание на то, какие цвета используются в уже существующих дизайнах и продуктах, и попробуйте включить их в свою цветовую палитру.
Применяем цветовую палитру
После того, как вы создали цветовую палитру, пришло время использовать выбранные цвета в вашем дизайне и посмотреть, насколько хорошо они работают. Вот несколько рекомендаций:
- Обратитесь к правилу 60-30-10. Оно гласит, что цвета в вашем дизайне должны использоваться в следующих пропорциях: 60% — основной цвет, 30% — второстепенный и 10% — акцентный.
Такое соотношение помогает сделать дизайн сбалансированным и предотвратить использование чрезмерного количества цветов, превращающих проект в хаотичный беспорядок. Как правило, основной и второстепенный цвета должны быть нейтральными. Используйте акцентный цвет лишь для тех элементов, которые необходимо выделить на странице — например, кнопка призыва к действию. - Примените и доработайте. После того, как вы использовали правило 60-30-10, начните настраивать цвета, чтобы сделать дизайн эстетичнее, а также выделить важные элементы интерфейса. Обратите внимание, соблюдаются ли в вашем проекте принципы визуального дизайна. Помогают ли выбранные цвета создать правильную визуальную иерархию, другими словами, привлекают ли они внимание пользователей к тем дизайн-элементам, которые необходимо выделить? Обеспечивает ли цветовая палитра сбалансированность дизайна и необходимый контраст? Убедитесь, что цвета и их сочетания в вашем проекте работают эффективно.
- Единообразно используйте цвета в интерфейсе.
Если вы выбрали ярко-синий цвет для обозначения призывов к действию на одном экране, этот же цвет следует использовать для них повсюду (кроме случаев, когда у вас есть достаточно веские основания, чтобы применить другой цвет). Если красный на одном из экранов выступает в качестве цвета предупреждения, не стоит в дальнейшем менять его значение. Единообразие помогает пользователям лучше понимать, для чего используется тот или иной цвет на сайте.
Тестируем цветовую палитру
- Протестируйте свой дизайн.
После того, как вы применили цветовую палитру в своем дизайне, проведите юзабилити-тестирование. Цвета влияют на удобство использования кнопок, ссылок и других компонентов. Например,
серые кнопки могут восприниматься пользователями как заблокированные, отключенные, даже если это не так. Кроме того, проверьте, не возникло ли проблем с читабельностью и доступностью контента, на что может повлиять как недостаток контраста, так и использование цветов, которые трудно воспринимать людям с дальтонизмом. Нам нравится использовать сайт accessible-colors.com для проверки доступности разных сочетаний цвета текста и фона. Если юзабилити-тестирование показало, что некоторые цвета плохо работают в интерфейсе, вернитесь к первому шагу и еще раз попробуйте создать эффективную цветовую палитру.
Это тот случай, когда цветовая палитра требует доработки для повышения читабельности.Заключение
Удачный выбор цветовой палитры и ее эффективное использование в дизайне — это не просто счастливые случайности. Требуется долго перебирать цвета и внимательно применять их, чтобы получить отличный интерфейс. Правильное использование цветов может улучшить восприятие бренда, привлечь внимание и подтолкнуть пользователей к взаимодействию, повлиять на их эмоции и повысить юзабилити.
Цвета для дизайна сайта — принципы подбора и эффективного применения
На сегодняшний день существует очень большое количество различных мониторов, которые отображают более 16 миллионов цветов. Вам следует подумать обо всех комбинациях, которые вы можете создать, используя разные оттенки и тона. Их количество может быть немного избыточным. Для этого дизайнеры обычно используют теорию цвета, при помощи которой можно эффективно использовать все цвета в нашем дизайне.
Все что нам известно о цвете на сегодняшний день—это результат изучений его природы самыми величайшими умами нашей планеты, которые проводились не одно столетие.
Благодаря этому теперь мы с вами можем с легкостью собрать все цвета в группы и наблюдать за тем, как они будут сочетаться друг с другом. Разобравшись в теории цвета, мы получим возможность избавиться от часто совершаемых ошибок в сочетании цветов, избегая использовать те, которые вызывают у человека дискомфорт и тяжело воспринимаются. Также эта теория выступит хорошим помощником при выборе оттенков и тонов, которые смогут влиять на поведение посетителей вашего веб-проекта.
Цветовое кольцо
Цветовое кольцо — это визуальное отображение пропорций между совершенно разными группами цветов. Первое такое кольцо было создано Сэром Исааком Ньютоном еще в 1706 году. После его появление на свет многие художники и ученные пытаются разобраться в этой идее, создавая различные треугольники и списки цветового кольца Ньютона.
Стандартное цветовое кольцо, используемое нами в повседневной жизни, основывается всего лишь на трех основных цветах:
Затем, если мы смешаем эти цвета, то получим три второстепенных цвета:
На следующем этапе смешивания основных цветов с вторичными мы можем получить третичные цвета:
Используя цветовое кольцо можем понять принципы соединения разных групп цветов между собой.
Цвета в нем располагаются по кругу, что скрывает большое количество различных способов смешивания. Это кольцо поможет нам сформировать прекрасную цветовую схему и простым образом разделить пары цветов:
Температурные группы цветов
Цветовая гамма имеет целый диапазон различных свойств, и температура тоже относится к ним. Цвета мы можем разделить на две температурные группы: холодные и теплые. Нам необходимо научиться понимать разницу между двумя этими группами, так как она будет играть важную роль во время создания дизайна для веб-проекта. Цвета способствуют проявлению чувств у людей, а иногда даже влияют их решения.
Теплые цвета
Теплые цвета обычно у нас ассоциируются с чем-то светлым и приятным. Они очень энергичны и обычно передают тепло. Эти цвета включает в себя все оттенки от красного до желтого.
Зачастую теплые цвета преобладают над холодными. Их хорошо использовать, например, на кнопках, которые призывают пользователя к каким-либо действиям.
Холодный цвет
Холодные цвета у нас вызывают ассоциацию с водой или облачным небом. Если, смешать эти цвета с теплыми, то мы получим цветовую палитру, которая может способствовать успокоению и расслаблению людей. Холодные цвета включают в себя все от зеленого до синего.
Их хорошо использовать в качестве заднего фона так, как они смогут добавить больше глубины. Благодаря этому дизайн будет расслабляющим и позволит вашим посетителям чувствовать себя комфортно на веб-сайте.
Основные три значения
Для того чтобы описать и сгруппировать цвета, мы будем использовать три основных значения: насыщенность, тон и светосила. Правильное содействие этих значений является одним из важных моментов в создании нашей цветовой схемы в дизайне веб-проекта.
Процесс разработки цветовой схемы начинают с подбора нескольких чистых цветовых тонов.
После их выбора можно попробовать что-то в них изменить, поменяв слегка насыщенность и светосилу, для того, чтобы получить нужный эффект. Таким образом, вы сможете полностью контролировать вашу цветовую схему, а также вносить в нее коррективы или заменить вовсе на новую.
Давайте рассмотрим эти три значения и попробуем понять, что они представляют собой.
Тон
Тонном принято называть любой чистый цвет из всего спектра цветов. Попробуем представить, что цветовое кольцо похоже на радугу, которая состоит из всех цветов, смешанных превосходным образом. Теперь выберем любые несколько цветов из нее. В результате получаем наш тон.
Насыщенность
Насыщенность – это яркость тона. Чем меньше будет яркость вашего тона, тем больше он будет иметь серости. Поэтому лучше использовать цвета сильно насыщенные. Это позволяет цвету быть более чистым и ярким.
Светосила
В данном случае название этого значения говорит само о себе.
Как вы уже наверно поняли, это значение говорит о яркости тона. Например, если добавить белый цвет в чистый тон, то это позволит увеличить его светосилу, а если добавить черный цвет, то наоборот светосила уменьшится.
Как создать эффективную цветовую палитру
Процесс разработки цветовых схем для интернет-проектов будет не таким сложным процессом, как можно представить. Главное — придерживаться одного основного правила: простоты. Если использовать много разных цветов, то можно получить довольно странный и вызывающий много разных эмоций дизайн.
Цветовые схемы, включающие в себя более 5 цветов, зачастую очень тяжело поддерживать. Для примера, обратите свое внимание на любые известные бренды и вы увидите, что дизайнеры, которые их разрабатывали, стараются сделать их как можно проще и используют несколько цветов.
Большинство дизайнеров считают самой оптимальной цветовой палитрой ту, в которой используется 3-4 цвета.
Основной цвет
Это цвет, который выбран в качестве основного, и он будет определять марку, а также поспособствует привлечению внимания посетителей. Довольно часто его используют для заголовков, кнопок и навигации.
Приступая к созданию вашей цветовой палитры, начните свою работу, прежде всего с выбора основного цвета. Не стоит выбирать идеальный оттенок с самого начала. Выберите именно такой тон, который подойдет к дизайну вашего проекта, а со светосилой и насыщенностью поработаете немного позже. Если же вы работаете над каким-либо проектом, у которого есть непосредственный заказчик, то в основном в таких случаях основной цвет уже выбран самим клиентом. Но, вы в любом случае можете добавить сюда второстепенный цвет и поработать над созданием всей остальной палитры, опираясь на те цвета, которые указал заказчик.
К примеру, это ваш основной цвет, а значит и всю цветовую палитру вам необходимо создать, основываясь именно на нем.
Вторичный цвет
Зачастую этот цвет мало виден. Лучше всего его использовать для заднего фона элементов, которые вам хотелось бы определенно выделить в веб-дизайне. Для этого можно использовать любые темные оттенки вторичного цвета, применяемого для текста тела сайта или же любых заголовков более низкого уровня.
На данный момент существует множество различных вариантов того, как нужно подбирать вторичный цвет. Если вам хочется, чтобы ваша цветовая схема выглядела более одноцветно, то воспользуйтесь темными оттенками вашего основного цвета. Ну, а если же наоборот вы хотите создать что-то динамическое, то здесь лучше выбрать более контрастные оттенки. При выборе вторичного цвета всегда помните, что он не должен быть сильнее и активнее, чем основной или акцентирующий цвет.
Акцентирующий цвет
Этот цвет является одним из важнейших в схеме. Он называется акцентирующим или выделяющим, потому что это и есть его главная задача.
При помощи этого цвета вы сможете разбить ваш шаблон цветовой палитры и привлечь внимание посетителей сайта. Не стоит им злоупотреблять: применяйте его только тогда, когда это действительно необходимо. Таким образом вы достигните хороших результатов.
Следует также помнить, что акцентирующий цвет должен обязательно сочетаться с вашим основным и второстепенным цветом, потому как он будет выделяться среди них. Подберите именно тот цвет, который будет иметь самый сильный контраст с основным цветом.
Цвет заднего фона
Этот цвет, который вы будет использовать в качестве заднего фона, чаще всего он заполняет большие объемы свободного пространства. Обязательно убедитесь в том, что этот цвет будет отлично взаимодействовать с основным, вторичным и акцентирующим цветами.
Цвет заднего фона может быть любым, даже просто белым. Кстати, именно белый чаще всего используется дизайнерами. Это дает возможность легко поддерживать существующую цветовую схему, но он обязательно должен хорошо сочетаться со всеми остальными присутствующими цветами в вашем дизайне.
Также неплохим выбором для вас может стать теплый цвет. Тогда вы можете с легкостью в качестве цвета заднего фона выбрать от белого до желтовато-коричневого цвета. Еще можно рассмотреть вариант холодно цвета. В этом случае неплохо будет смотреться серовато-синий.
Конечно же, необязательно использовать именно эти цвета, ведь в своем выборе вы можете быть довольно гибкими.
Последним вашим шагом в создании вашей цветовой схемы будет ее тестирование. Вам необходимо убедиться в том, что все выбранные вами цвета отлично сочетаются вместе с текстом. Посмотрите, как будут выглядеть заголовки и параграфы с основным, второстепенным и акцентирующим цветами, а также и с задним фоном веб-проекта.
Примеры удачных цветовых схем
Приступая к созданию цветовой схемы, вам не стоит бояться каких-либо ограничений, потому что как таковых их нет. Давайте рассмотрим несколько примеров сайтов, которые имеют прекрасный дизайн, и взглянем на их цветовые схемы.
Этот сайт имеет довольно ясную цветовую схему, в которой присутствует белый цвет на заднем фоне. Основным цветом этого сайта является темно-серый. Его чаще всего дизайнеры используют в своей типографии, а иногда даже применяют для заднего фона и для разделения некоторых страниц сайта.
Синий цвет применили здесь для ссылок и различных второстепенных кнопок. Акцентирующим цветом для этого сайта выбрали зеленый цвет и используют его только на кнопках, которые призывают к определенным действиям или же ведут на страницу регистрации.
Данный веб-проект выглядит довольно одноцветно. Цвета, используемые веб-дизайнерами в этом проекте, находятся на одной стороне цветового кольца. Обратите свое внимание, какое применение получили различные цвета заднего фона. С помощью них специалисты отделили секции основного текста от боковой панели.
Как мы можем видеть, темно-коричневый цвет используется для всей типографии, а вот присутствующий здесь красный цвет применили только для кнопок и различных ссылок.
Также обратите внимание, что акцентирующий цвет отсутствует в этой цветовой палитре.
Веб-сайт имеет довольно контрастную цветовую палитру. Замечательный цветовой контраст здесь создают желтый и черный цвета.
Читаемость текста на этом сайте очень хорошая, а все благодаря тому, что область основного текста имеет белый цвет, поэтому его посетители могут с легкостью читать любую расположенную здесь информацию.
Дизайн этого сайта выполнен очень необычно. Зданий фон основного текста сайта имеет белый текст, что способствует улучшению читаемости и придает красоту внешнему виду.
Также обратите свое внимание на типографию и остальные области заднего фона, которые включают в себя разные оттенки серого цвета. Не оставляет равнодушным и акцентирующий цвет. Здесь выбран розовый, за счет которого кнопка призыва к действию обращает на себя внимание. Вторичным цветом разработчики выбрали синий и используют его на некоторых подстраницах сайта для кнопок и ссылок.
Веб-дизайнеры этого проекта решили использовать синий цвет в качестве основного. Он применяется для всего текста и больших блоков заднего фона. Этот выбор дал возможность шаблону обрести холодный и спокойный вид.
Второстепенным цветом стал красный, что позволило сайту стать более активным и живым. В качестве акцентирующего цвета разработчики решили выбрать зеленый, который используется для основных кнопок, вследствие чего создается замечательный контраст со всем дизайном сайта.
Рассуждаем о цвете
Очень тяжело быть оригинальным и креативным, когда дело доходит до выбора нужного цвета. Существует достаточно много разных мест, посетив которые можно вдохновиться и приступить к созданию цветовых схем. Давайте рассмотрим несколько примеров популярных ресурсов, где можно получить вдохновение.
Colourlovers.com
Это замечательный веб-ресурс, на котором люди обмениваются друг с другом идеями и вдохновением, касающимися именно цветов.
Здесь вашему вниманию будут представлены тысячи различных цветовых схем, выбранные довольно простым способом и подготовленные для применения в проекте.
Цветовые палитры разбиты на различные категории по их популярности среди пользователей. Не все предоставленные вам комбинации будут идеальными, но вы имеете возможность самостоятельно выбрать именно ту, которая подходит вам.
Nature
Этот сервис позволит вам погрузиться в мир настоящего искусства. Вы сможете насладиться природными комбинациями цветов и, изучив все это, найти отличные цветовые комбинации.
Color.adobe.com
Этот продукт был разработан компанией Adobe специально в помощь веб-дизайнерам. Если вы являетесь пользователем приложений этой компании, то у вас есть возможность помимо просмотра и редактирования цветовых схем создавать и сохранять ваши личные цветовые темы. Интерфейс сделан очень удобным образом и является довольно понятным, что облегчит вашу работу.
Google Images
Если вы хотите найти цвета, которые будут хорошо сочетаться с красным, то посетите этот сервис. Здесь вы сможете найти все, что вам нужно для вашего дизайна, увидеть настоящие цвета и их применение.
вторичных цветов — что такое вторичные цвета и как их использовать?
Этот пост может содержать партнерские ссылки. Мы можем получать небольшую комиссию от покупок, сделанных через них, без каких-либо дополнительных затрат для вас.
Цвета замечательны и интересны, и каждый видит цвет по-разному. В школе нас всех учили основным и дополнительным цветам, поэтому большинство из нас должно иметь четкое представление об этом предмете. Художник, выбирая определенный цвет или оттенок для своей работы, должен учитывать, соответствует ли цвет тону, который он задал для своей картины. Цвета также могут вызывать наши эмоции или даже активировать определенные реакции или передавать сообщение.
Вот почему вы должны рассмотреть и понять, что такое вторичные цвета.
Содержание
- 1 Что такое вторичные цвета?
- 1.1 Что такое основные цвета?
- 1.2 Определение вторичных цветов
- 1.3 Что насчет третичных цветов?
- 2 Secondary Color Names
- 2.1 Peach
- 2.2 Burnt Orange
- 2.3 Tangerine
- 2.4 Mauve
- 2.5 Lilac
- 2.6 Indigo
- 2.7 Teal
- 2.8 Lime Green
- 2.9 Turquoise
- 3 Смешивающая краска с использованием вторичных цветов
- 3.1 Типы вторичной цветной краски
- 3,2 вторичные цвета и температура
- 3.3. Несколько советов по рисованию при использовании вторичных цветов
- 4 часто задаваемые вопросы
- 4.1. ?
- 4.2 Зеленый — теплый или холодный цвет?
- 4.3 Что такое теплые цвета?
- 4.4 Что такое холодные цвета?
Что такое вторичные цвета?
Дизайн, как и искусство, требует понимания того, из чего состоят вторичные цвета.
Художники будут иметь дело с пигментами, используя субтрактивную цветовую модель, где у вас есть набор основных цветов, из которых вы можете создавать вторичные цвета. Когда дело доходит до компьютерной графики и света, вы работаете с аддитивной цветовой моделью. Это происходит потому, что при смешивании цветных пигментов цвета становятся темнее, а при смешивании светлых — светлее. Теперь рассмотрим эти термины более подробно ниже.
Что такое основные цвета?
Для художника, работающего с красками, основными цветами являются красный, желтый и синий (RYB), а для дизайнера, работающего со световым спектром, основными цветами являются красный, зеленый и синий (RGB) и все другие цвета являются производными от этих основных цветов. Они являются строительными блоками для любого другого цвета, о котором вы только можете подумать. Художник-живописец использует палитру RYB, потому что она лучше иллюстрирует ассоциацию или связь, которую физические цвета имеют друг с другом в процессе смешивания красок.
С другой стороны, дизайнер, работающий с цифровой средой, использует модель RGB, поскольку эти цвета улавливаются фоторецепторами ваших глаз.
Точно так же, как художник может смешивать любой цвет или оттенок, добавляя другие цвета к основным цветам — красному, желтому и синему, — так и компьютер может создавать различные оттенки красного, зеленого и синего.
Определение вторичных цветов
В отличие от первичных цветов, которые невозможно создать, поскольку они являются чистыми цветами, вторичные цвета необходимо создавать. Итак, как вы создаете вторичные цвета? Для художника, работающего с красками, вторичными цветами являются зеленый, фиолетовый и 9.0009 оранжевый , тогда как для дизайнера, работающего со световым спектром, пурпурный, желтый и голубой являются вторичными цветами, а все остальные цвета являются производными от них.
Создание вторичных цветов из красящих пигментов
Основа создания вторичных цветов для художника с использованием красящих пигментов состоит в том, чтобы начать с трех основных цветов: красного, желтого и синего.
Например, вы берете два основных цвета, таких как синий и желтый, а затем объединяете их, чтобы получить зеленый цвет. Чтобы создать фиолетовый, вы смешиваете красный и синий, или чтобы создать оранжевый, вы смешиваете красный и желтый. Эти цвета, включая зеленый, пурпурный и оранжевый, являются вторичными цветами. При смешивании основных цветов важно взять равное количество обоих цветов, создавая чистый оттенок, который затем можно изменить. Вы можете сделать это, сделав его светлее или темнее и добавив черный, серый или белый.
Три основных цвета — красный, синий и желтый — создают вторичные цвета — зеленый, фиолетовый и оранжевый — путем смешивания этих цветовых пигментов.
Создание вторичных цветов из света
Из приведенной выше информации мы увидели, что вторичные цвета можно создавать с помощью пигментов. Однако видимый свет — это еще одно средство, с помощью которого вы можете создавать вторичные цвета.
Это можно увидеть на дисплее вашего мобильного телефона или на экране телевизора. В этом случае вы используете три основных цвета: зеленый, синий и красный (RGB).
Когда вы смешиваете зеленый и красный, вы получаете желтый цвет, или , смешивая синий, и красный, вы получаете пурпурный, а смешивая зеленый и синий, вы получаете голубой. Все эти цвета являются вторичными цветами, созданными с использованием эффектов видимого света, а не пигментов.
Что насчет третичных цветов?
Мы уже имели дело с определением вторичных цветов, но нам также необходимо упомянуть третичных или промежуточных цветов , которые представляют собой комбинацию первичных и вторичных цветов. Некоторые из этих комбинаций могут включать синий и фиолетовый, зеленый и желтый, красный и оранжевый, синий и зеленый, желтый и оранжевый. При наблюдении за цветовой круг , третичные цвета можно найти посередине между первичными и вторичными цветами.
Однако многие увидят их только как промежуточные цвета, в то время как третичные цвета представляют собой скорее комбинацию двух вторичных цветов.
Названия вторичных цветов
Из приведенной выше информации мы видели, что три вторичных чистых цвета – это оранжевый, зеленый и пурпурный при работе с пигментами краски, но существуют сотни различных оттенков и тонов этих цветов. цвета, которые можно смешивать самостоятельно. Например, возьмите чистый вторичный цвет зеленого и добавьте немного белой краски, чтобы создать более светлый оттенок зеленого.
Добавьте немного черной краски, чтобы получить более темный оттенок зеленого. Вы можете продолжать делать это и с другими цветами, так что оттенки и тона, которые вы можете создать, станут бесконечными. Мы составили некоторые вторичные цвета и их названия ниже. Они показывают множество различных тонов и оттенков вторичных цветов с их шестнадцатеричными кодами и информацией для графических и печатных целей.
Персиковый
Персиковый цвет представляет собой уникальную смесь белого, оранжевого и желтого цветов, а название происходит от одноименного фрукта. Теплый оранжевый и ярко-желтый смягчаются нейтральным 9.0009 белый цвет , а поскольку этот цвет исходит от природы, он успокаивает и вызывает чувство радости. Персиковый — более светлый оттенок и не такой насыщенный, как оранжевый цвет. Вы можете использовать персиковый цвет в качестве фона, так как он хорошо сочетается с большинством синих оттенков, а также может хорошо сочетаться с золотым и мятно-зеленым, чтобы создать утонченную женственную палитру.
Если вы хотите создать другой оттенок, то следующие цвета хорошо взаимодействуют с персиковым; желтый, оранжевый и белый.
| Shade | Hex Code | CMYK Color Code | RGB Color Code | Color |
| Peach | #ffe5b4 | 0, 10, 29, 0 | 255, 229, 180 |
Ярко-оранжевый
Этот цвет был официально назван оранжево-красным в 1915 году и воспринимается по-разному, потому что многие люди и организации определяют его по-разному.
Например, Обернский университет добавил к ярко-оранжевому цвету оттенок синего, а Техасский университет полностью исключил синий цвет. Цвет выжженного апельсина можно описать как средне-темный оранжевый, который напоминает образы пламени.
Многие люди считают ярко-оранжевый цвет символом негативных эмоций, таких как гордость, агрессия или эгоизм, в то время как другие считают его осенним цветом, символизирующим чувство комфорта и тепла. Выжженно-оранжевый хорошо сочетается с серыми и темно-синими цветами, чтобы сделать акцент, а также с персиковым и мятно-зеленым для создания живой палитры. Если вы хотите создать другой оттенок, то следующие цвета хорошо взаимодействуют с жженым оранжевым; оранжевый и красно-оранжевый.
| Shade | Hex Code | CMYK Color Code | RGB Color Code | Color |
| Burnt Orange | #cc5500 | 0, 58, 100, 20 | 204, 85, 0 |
Мандарин
Мандарин — яркий, насыщенный оранжевый оттенок, который соответствует внешнему виду плода мандарина, от которого и произошло его название.
Интересно отметить, что персональные компьютеры iMac G3 Macintosh были названы в честь определенных видов фруктов, и мандарин был одним из них.
Подобно всем оттенкам апельсина, мандарин ассоциируется с ощущением счастья, молодости и энергии. Цвет мандарина хорошо сочетается с другими цветами, изображающими закаты, такими как синий, желтый и пурпурный, создавая живую и веселую палитру.
Танжерин в сочетании с кремовыми и серыми оттенками создает красивый акцент, придавая элегантный и консервативный вид. Если вы хотите создать другой оттенок, то следующий цвет хорошо взаимодействует с мандарином; оранжевый и красно-оранжевый.
| Shade | Hex Code | CMYK Color Code | RGB Color Code | Color |
| Tangerine | #f28500 | 0, 45, 100, 5 | 242, 133, 0 |
Лиловый
Лиловый считается голубоватым, бледно-фиолетовым цветом, который находится между розовым и фиолетовым на цветовом круге.
Название «Мальва» взято из французского языка, что означает цветок мальвы. В 1856 году его случайно открыл английский химик Уильям Перкин. Это был самый первый краситель, который производился серийно. Этот необычный фиолетовый оттенок произвел революцию в мире моды и стал очень популярным в 1890 с.
Лиловый цвет пробуждает чувства ностальгии, сентиментальности и романтики. Лиловый стабилизирует дополнительный цвет желтого и хорошо сочетается с другими оттенками фиолетового . Если вы хотите создать другой оттенок, то следующий цвет хорошо сочетается с розовато-лиловым; синий, розовый, фиолетовый и фиолетовый.
| Оттенок | Шестнадцатеричный код | Код цвета CMYK | Код цвета RGB 0168 | Color |
| Mauve | #b784a7 | 0, 28, 9, 28 | 183, 132, 167 |
Lilac
Lilac was first named in 1775 and the name происходит от цветов сирени, которые часто ассоциируются с трауром.
Великобритания в 1800-х годах разрешила женщинам носить сиреневое в конце периода траура, когда им больше не нужно было носить черное. Пурпурный краситель был очень дорогим до 1856 года и, следовательно, был оттенком, связанным с властью и богатством, и его носили в основном королевские особы, такие как королева Англии Юлий Цезарь и российская императрица Екатерина Великая. Lilac — бледный и мягкий оттенок фиолетового, полученный путем смешивания синего и красного.
Если добавить немного белой краски, то вы осветлите оттенок и создадите сиреневый пастельный оттенок. Сиреневый считается теплым цветом, так как красного в него добавляется больше, чем синего, а лилово-розовые оттенки помещают его в теплый конец цветового круга.
Сирень считается изящным и женственным цветом, и благодаря своей связи с цветком. Цвет ассоциируется с нежностью и романтикой, а пастельные оттенки сиреневого вызывают юность, ностальгию и невинность.
С психологической точки зрения сиреневый цвет считается успокаивающим и побуждающим к эмоциональному выражению. Для создания яркой палитры следующий цвет хорошо сочетается с сиреневым, серым, желтым, оливково-зеленым, белым, розовым кварцем и оранжевым. Тем не менее, этот цвет также может хорошо сочетаться с нежно-розовым и фиолетовым.
| Shade | Hex Code | CMYK Color Code | RGB Color Code | Color |
| Lilac | #b666d2 | 13, 51, 0, 18 | 182, 102, 210 |
Индиго
Индиго может располагаться между фиолетовым и синим на цветовом круге и традиционно считается одним из семи спектральных цветов. Природный пигмент индиго получают из растений. Индиго считается цветом справедливости, преданности, высшего знания и мудрости, а также считается духовным цветом.
Чтобы найти комбинации для индиго, мы должны обратиться к природе и мудро подобрать цветовую палитру . Индиго хорошо сочетается с большинством зеленых, красных и желтых цветов, а его глубокий оттенок хорошо сочетается с желтыми и оранжевыми цветами для выделения цветов. Если вы хотите создать другой оттенок, то следующие цвета хорошо взаимодействуют с индиго; фиолетовый и синий.
| Оттенок | Шестнадцатеричный код | Код цвета CMYK | RGB Color Code | Color |
| Indigo | #4b0082 | 42, 100, 0, 49 | 75, 0, 130 |
Teal
Teal Это довольно глубокий сине-зеленый цвет, и его название происходит от окрашенной области вокруг глаза бирюзовой птицы. Бирюзовый сочетает в себе успокаивающие свойства синего цвета и восстанавливающие свойства зеленого цвета.
Это омолаживающий и оживляющий цвет, символизирующий ясность мысли и открытое общение. Для тибетских монахов чирок символизирует бесконечность неба и моря, а для египтян — цвет веры и истины.
Бирюзовый хорошо сочетается с коралловым и ярко-белым, а также с коричневым, розовым, темно-синим и кремовым. Бирюзовый может оттенять некоторые металлические цвета, такие как золото и серебро . Если вы хотите создать другой оттенок, то следующие цвета хорошо сочетаются с бирюзовым; сине-зеленый, синий и зеленый.
| Shade | Hex Code | CMYK Color Code | RGB Color Code | Color |
| Teal | #008080 | 100, 0, 0, 50 | 0, 128, 128 |
Зеленый лайм
Зеленый лайм — прекрасный ярко-зеленый цвет, получаемый из плодов лайма.
Зеленый лайм имеет тесную связь с природой и способствует высокой энергии и уверенности, а также передает ощущение свежести, живости и творчества.
Зеленый лайм находится прямо между желтым и желто-зеленым на цветовом круге и, смешавшись с этими двумя оттенками, дает характерный желто-зеленый цвет. Цвет хорошо сочетается как с холодными, так и с теплыми тонами, такими как синий и желтый, что делает его отличным дополнением к любой цветовой палитре. Если вы хотите создать другой оттенок, то следующие цвета хорошо взаимодействуют с зеленым лаймом; неоново-зеленый, зеленый морской пены, зеленый и зеленый Келли.
| Тень | Hex Code | CMYK Color Code | RGB Color Code | Color |
| Lime Green | #32cd32 | 76, 0, 76, 20 | 50, 205, 50 |
Бирюза
Значение бирюзы связано с открытым общением и ясностью мысли; он помогает открыть линии связи между произнесенным словом и сердцем и считается дружелюбным и счастливым цветом.
Психологически лечит эмоции и создает стабильность и эмоциональный баланс. Бирюза представляет собой сочетание бледно-голубого и зеленого или синего с небольшим количеством желтого и располагается между синим и зеленым на цветовом круге.
Синий цвет дарит спокойствие, умиротворение и умиротворение, а желтый заряжает энергией, а также хорошо сочетается с серыми, темно-оранжевыми и желтыми цветами.
Название «бирюза» происходит от драгоценного камня, встречающегося в природе, что позволяет легко сочетать другие цвета в вашей палитре с нейтральными оттенками древесных тонов и более темными оттенками синего. Бирюза также может сочетаться с одним или несколькими дополнительными цветами , такими как мандарин и коралл. Если вы хотите создать другой оттенок, то следующие цвета хорошо взаимодействуют с бирюзовым; синий, желтый и зеленый.
| Shade | Hex Code | CMYK Color Code | RGB Color Code | Color |
| Turquoise | #30d5c8 | 77, 0, 6, 16 | 48, 213, 200 |
Смешивание красок с использованием вторичных цветов , тогда вы создадите три вторичных цвета: зеленый, фиолетовый и оранжевый.
Однако, если вы не смешаете равные части ваших основных цветов, используя больше красного, вы получите красно-оранжевый, или, используя больше желтого, вы получите желто-оранжевый. Затем вы даже можете использовать свои вторичные цвета для получения третичных цветов.Если случайно смешать все основные цвета, то получится оттенок коричневой краски. Чтобы понять, как смешивать краску, нужно понимать пигменты, содержащиеся в краске. Основные цвета красного, синего или желтого имеют только один пигмент, поскольку они не смешиваются и не могут быть созданы путем смешивания других цветов . Однако сегодня существует много красок красного, синего, желтого и других цветов, которые содержат более одного пигмента, поскольку краски изготавливаются из химических и органических пигментов.
Художники любят начинать с нуля при смешивании цветов, а это означает, что они предпочитают начинать со смешивания основных цветов и переходить к созданию новых цветов вместо того, чтобы покупать краску определенного цвета, которая уже смешана.
Типы красок вторичного цвета
Существует множество вариантов выбора основных цветов, и это автоматически повлияет на оттенок вторичного цвета. Возьмем, к примеру, фиолетовый цвет, созданный с помощью среднего красного кадмия и лазурно-голубого. Это даст вам фиолетовый цвет, который полностью отличается от фиолетового, полученного при смешивании красного кадмия с синим кобальтом.
Эти различия могут показаться незначительными, но вы должны знать о них. Один из советов при смешивании красок — вести учет цветов и соотношений, которые вы использовали в своем смешивании, что очень поможет вам позже, когда вам нужно будет воспроизвести тот же цвет.
Вторичные цвета и температура
На цветовом круге вы заметите, что все цвета располагаются так, что теплые цвета расположены слева, исходя из красного цвета, а холодные цвета справа, исходя из цвет синий. Это может быть правдой, однако классификация становится более тонкой, когда вы обнаружите, что теплые цвета считаются холодными, а холодные цвета считаются теплыми, что зависит от отношения с соседним цветом.
Это означает, что цвета, имеющие одинаковый оттенок, могут считаться холодными или теплыми, в зависимости от того, с каким цветом они появляются рядом. Итак, прежде чем создавать какой-либо конкретный цвет, найдите время, чтобы подумать, что вы хотите сделать. Холодные цвета могут иметь успокаивающий эффект, в то время как теплые цвета могут иметь счастливый и заряжающий энергией эффект.
Объект, который вы рисуете, будет казаться ближе к вам, если вы используете теплые цвета, и дальше, если вы используете холодные цвета.
Все мы знаем, что красный цвет является теплым, но вы можете изменить его температуру, добавив более холодный или теплый оттенок. Если вы ищете огненно-горячий красный цвет, вам нужно смешать его с оранжевым, что означает, что вы смешиваете теплый цвет с другим теплым цветом. Вы можете использовать это, когда рисуете красивый закат или огонь с его светящимися угольками. С другой стороны, если вам нужен более холодный красный цвет, вы можете смешать его с небольшим количеством синего, который ближе к фиолетовому, так как синий — это холодный цвет, который можно использовать при рисовании красного оттенка на осеннем листе.
Этот факт доказывает важность цвета и его связи с температурой и эффектами, которые она оказывает.
Несколько советов по рисованию при использовании вторичных цветов
При использовании вторичных цветов в картине нет необходимости идти и покупать нужные вторичные цвета, все, что вам нужно сделать, это смешать свои собственные. Можно смешать множество вторичных цветов, взяв три холодных основных цвета и смешав их с тремя теплыми основными цветами. Однако, пока вы заняты своим проектом рисования, смешивание вторичных цветов может оказаться слишком трудоемким и занять слишком много вашего времени, что значительно упростит покупку вторичных цветов, которые вам нужны.
При смешивании вторичных цветов мы также рекомендуем иметь на палитре для смешивания как минимум один чистый оранжевый, один чистый зеленый и один чистый фиолетовый. Из этих цветов, упомянутых выше, лучше всего иметь три, склоняющихся к прохладной стороне, и три, склоняющихся к теплой стороне.
Помните, что при смешивании цветов рекомендуется придерживаться чистых пигментных красок, чтобы избежать неожиданностей в результате цветов.
Думая о своем следующем проекте, дайте волю своему воображению и попробуйте поиграть с несколькими различными цветовыми сочетаниями, чтобы подобрать цветовую схему, идеально подходящую для вашего проекта. Использование вторичных цветов может открыть дверь, открывая множество интересных цветовых комбинаций.
Часто задаваемые вопросы
Что такое вторичные цвета?
Комбинируя равное количество любых двух из трех чистых первичных цветов краски, вы получаете вторичный цвет, который включает в себя оранжевый, зеленый и фиолетовый. Когда вы посмотрите на цветовой круг, вы заметите, что вторичные цвета находятся между основными цветами: красным, синим и желтым. Традиционно на цветовом круге желтый вместе с красным дают оранжевый, синий в сочетании с красным — фиолетовый, а желтый и синий — зеленый.
Однако для цветов видимого света пурпурный, голубой и желтый известны как вторичные цвета.
Зеленый — теплый или холодный цвет?
Зеленый цвет является вторичным цветом и расположен на цветовом круге с такими цветами, как синий и фиолетовый. Существуют различные оттенки этих цветов, и все они считаются холодными.
Что такое теплые цвета?
Теплые цвета ассоциируются с солнцем, огнем и теплом и создают ощущение комфорта и тепла, и вы легко заметите их благодаря их живым цветам. Теплые цвета желтый , красный и оранжевый — это цвета, которые вы используете на переднем плане своей картины, чтобы создать ощущение объема.
Что такое холодные цвета?
Холодные цвета ассоциируются с водой и травой, они вызывают чувство спокойствия, безразличия и грусти и обычно используются для таких вещей, как вода и трава. Прохладные цвета, такие как зеленый, синий и фиолетовый, могут использоваться в ваших картинах, чтобы показать глубину, как далекие горы, но они также могут дать ощущение малости.
Что такое вторичные цвета? Определение, примеры и многое другое! (2022)
Вот все, что вам нужно знать о вторичных цветах.
Следующим шагом после изучения основных цветов является понимание вторичных цветов.
В этом посте мы объясним, как теория цвета применяется к вторичным цветам, как вторичные цвета соотносятся с другими типами цветов на цветовом круге, и ответим на вопрос «Что такое вторичные цвета?»
Понимание вторичных цветов поможет вам лучше понять цвет, независимо от того, в какой отрасли вы работаете с цветом.
Вторичные цвета (в модели RYB)Теория цвета
Теория цвета — это творческое и научное исследование цвета. Это логика, которую мы можем использовать, чтобы говорить о цвете и создавать рекомендации по его эффективному использованию. Это облегчает работу со всей радугой и поиск цветов, которые подходят друг другу.
С точки зрения теории цвета, вторичные цвета представляют собой следующий уровень сложности после основных цветов.
Это дает вам больше инструментов в вашем наборе инструментов для работы с цветом — или больше возможностей для игры, если вы предпочитаете думать об этом именно так.
Первичные и третичные цвета
Чтобы понять вторичные цвета, сначала нам нужно поговорить о первичных и третичных цветах.
Основные цвета
Основные цвета — это чистые оттенки (единственные цвета, которые нельзя получить путем смешивания других цветов).
В живописи основными цветами являются красный, желтый и синий.
При смешивании света (как на экране компьютера) основными цветами являются красный, зеленый и синий.
При смешивании пигментов (например, при использовании принтера) основными цветами являются голубой, пурпурный, желтый и ключевой (черный).
Триадные цветаТретичные цвета
Третичные цвета получаются путем смешивания равных частей одного основного цвета и одного вторичного цвета.
При работе со светом (цветовой круг RGB) третичными цветами являются розовый, фиолетовый, лазурный, аквамариновый, зеленовато-желтый и оранжевый.
Та же логика применима и к цветовому кругу CMYK.
В живописи (цветовой круг RYB, созданный Исааком Ньютоном, который нанес цветовой спектр на круг) третичные цвета получаются путем смешивания равных частей двух вторичных цветов.
В этом случае третичными цветами являются серый, оливковый и коричневый, а цвета, которые вы видите на цветовом круге между основными и вторичными цветами, называются промежуточными цветами.
Вторичные цвета
Вторичные цвета получаются путем смешивания равных частей двух основных цветов. Их называют вторичными цветами, потому что они более тесно связаны с основными цветами, чем любой другой набор цветов — они получены непосредственно и исключительно из основных цветов.
Кроме того, вторичные цвета легко найти на цветовом круге; они равноудалены между основными цветами.
Вторичные цвета на цветовой модели RYB (живопись)
- Оранжевый
- Фиолетовый
- Зеленый
Интересно, что для каждого из трех вторичных цветов дополнительным цветом является один основной цвет, который не использовался для его создания.
. Таким образом, дополнительный цвет оранжевого — синий, пурпурный — желтый, а зеленый — красный.
Вторичные цвета в цветовой модели RGB (светлый)
- Голубой
- Пурпурный
- Желтый
Вторичные цвета по цветовой модели CMYK (пигменты и печать)
- Красный
- Зеленый
- Синий
Аддитивные и субтрактивные цвета
Что такое аддитивные цвета?
Цветовая модель RGB является аддитивной. Это означает, что он создает новые цвета, добавляя и смешивая свет вместе.
Это создает более яркие комбинации, чем субтрактивные цвета, о которых мы поговорим ниже. Когда вы комбинируете все цвета в равных количествах в аддитивной цветовой модели, вы получаете белый цвет.
Что такое субтрактивные цвета?
Цветовые модели RYB (живопись) и CMYK (пигмент) являются субтрактивными. Они отображают цвет, поглощая определенные длины волн света и отражая остальные.
Комбинирование пигментов заставляет их поглощать комбинацию цветов и отражать меньший диапазон цветов.
