Смешивание цветов онлайн палитра: ФитоМиксер — смешивание цветов онлайн

Содержание

Программа для смешивания красок онлайн. Правила и особенности смешивания двух и более цветов

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

Мастерская художника: уроки волшебства

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

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

3. Смешивая в одинаковых пропорциях 2 основных цвета, которые на цветовом круге разделены 1 оттенком, получаем именно тот промежуточный цвет, который их разделяет. Например, красный + синий = фиолетовый.

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

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

Создаем новые цвета по таблице смешивания красок

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

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

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

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

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

Таблица цветового спектра

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

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

Это разделение довольно условно и зависит от того, какие ассоциации вызывают у нас эти цвета: красно-оранжевый огонь, желтое солнце, голубой лед, синяя океаническая бездна. Заметили, что при разделении цветов мы не упомянули о зеленом? И это не случайно. Чистый зеленый цвет (который, к слову, встречается крайне редко) считается нейтральным. Капля желтого делает его теплее, синего – охлаждает.

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

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

Основы процесса

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

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

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

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

белый;
синий;
красный;
зеленый.

Путем их смешения можно получить любые другие. Вот наглядные примеры:

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

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

Так можно смешивать до бесконечности.

Смешиваем материалы на основе акрила

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

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

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

Вот несколько примеров смешивания красящих средств на основе акрила:

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

Рецепт изготовления бежевой краски предполагает соединение коричневого и белого. Если нужен яркий бежевый, можно добавить немного желтого. Для светлого бежевого оттенка понадобится больше белого.
Золотой – результат смешения желтого и красного цветов.
Охра – это желтый с коричневым. Кстати, считается популярным в текущем сезоне.
Хаки можно сделать, если перемешать зеленый краситель с коричневым.
Для получения пурпурного понадобятся три разных цвета: красный, желтый и синий.

Смешиваем масляные краски

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

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

Перемешивание масла

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

Можно такими методами:

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

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

Особенности смешивания красок

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

Рабочий процесс

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

Оттенки серого

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

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

Коричневые тона

Чтобы краситель, необходимо смешать:

зеленый с красным;
красный с синим и желтым;
красный с белым, черным и желтым.

Как создать другие оригинальные тона:

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

Красные тона

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

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

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

Фиолетовые тона

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

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

Оранжевый цвет

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

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

Важное правило

Многие задаются вопросом: можно ли смешивать лакокрасочные материалы разных производителей? Желательно, чтобы смешиваемые красители были изготовлены одной и той же компанией. Еще лучше, чтобы они были из одной партии. Смешивать красители разных фирм не рекомендуется. Зачастую они имеют разные свойства, например, плотность, яркость и т.д. Из-за этого готовое покрытие может сворачиваться.

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

Компьютерная помощь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способы получения красного и его оттенков

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

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

Синий и его оттенки

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

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

Даже имея в наличии набор из 12 цветов, периодически возникает вопрос, как получить синий цвет. Классический тон носит название «роял», а в комплекте акриловых красок зачастую основным идет ультрамариновый цвет, который обладает ярко-темным оттенком с фиолетовым подтоном. Достичь более светлого эффекта позволяет смешивание синего и белого в соотношении 3:1. Увеличение белого ведет к осветлению тона вплоть до небесно-голубого. При желании добиться умеренно насыщенного результата, темную синюю краску смешивают с бирюзовой.

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

Эффект темного сине-зеленого тона достигается смешиванием синей и желтой краски в равных пропорциях. Добавление белой краски приведет к формированию более светлого оттенка с одновременным снижением яркости из-за комбинирования 3-х элементов.
Создание «берлинской лазури» осуществляется смешиванием 1 части основного синего и добавлением 1 части состава из ярко зеленого и салатового цвета. Насыщенный и глубокий оттенок можно разбавить белым, причем его чистота не изменится.
Комбинирование синего и красного в соотношении 2:1 дает синий с оттенком фиолетового. Осветлить темный и насыщенный тон позволяет добавление белого.
Яркостью отличается королевский синий, подобного эффекта добиваются при смешивании основного синего с манджентово-розовым в равных частях. Примесь белого традиционно осветляет полученный результат.
Сочетание с оранжевым дает серую массу. Замена оранжевого на коричневый в составе 1:2 к базовому создает темный цвет со сложным серо-синим оттенком.
Формирование темно-синего идет с помощью примеси черного в соотношении 3:1.
Самостоятельно создать голубой тон позволяет смешивание основного цвета с белым.

Небольшая таблица вариантов комбинирования представлена далее:

Палитра зеленого цвета

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

Замечание! Насыщенность зеленого полностью зависит от качества составляющих элементов: интенсивные тона исходников гарантируют яркий результат.

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

Сочетание в равных пропорциях синего и желтого дает травянисто зеленый.
Увеличение желтого до 2 частей с добавлением 1 части синего приводит к желто-зеленому эффекту.
Эксперимент наоборот в виде сине-желтой пропорции 2:1 позволит получить сине-зеленый тон.
Если к предыдущему составу добавить ½ часть черного достигнете темно-зеленого эффекта.
Светло-зеленый теплый тон формируется из желтой, синей и белой краски в соотношении 1:1:2.
Для аналогичного светло-зеленого оттенка, но холодного тона, надо взять желтую, синюю и белую основы в пропорции 1:2:2.
Темно-оливковый цвет образуется при смешивании в равных частях желтой, синей и коричневой краски.
Серо-коричневый тон получается из аналогичных элементов в пропорции 1:2:0,5.

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

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

Другие варианты комбинирования

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

Совет! Для двухсторонней тонировки лист можно на пару минут опустить в емкость с раствором марганцовки. После просушки она приобретет желаемый эффект слоновой кости.

Также существует несколько способов, как получить черный цвет:

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

Постараемся ответить на самые популярные вопросы о вариантах смешивания:

Как получить малиновый цвет: основой служит синий с добавлением красного, белого и коричневого тона.
Получить бирюзовый цвет, второе название которого аквамарин, можно при смешивании голубого и зеленого. В зависимости от пропорций, тона нового оттенка варьируются от мягких пастельных до интенсивных и ярких.
Как получить желтый цвет? Он относится к основным и получить его путем комбинирования других красок невозможно. Нечто похожее на желтый можно создать акварельными красками при соединении зеленого и оранжевого или красного. Но достичь чистоты тона таким образом невозможно.
Как получить коричневый оттенок? Для этого понадобятся базовые краски: красная, желтая и синяя. Сначала к красной добавляется небольшое количество желтой (в примерном соотношении 10:1), затем объем постепенно увеличивается до получения оранжевого тона. После чего переходят к введению синего элемента, 5-10% от общего объема будет достаточно. Незначительные корректировки пропорций дадут самые разнообразные эффекты коричневого.
Комбинирование в различных соотношениях черного и белого элемента дают многообразную гамму серых тонов.

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

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

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

Известно с детства, что основой всех тонов являются три цвета: красный, синий, желтый.

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

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

На видео: как получить новый цвет.

Нюансы соединения красителей

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

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

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

Традиционные варианты смешивания палитр

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

Красные

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

Тон кармина, который максимально приближается к фуксии, соединяется с жёлтым 2:1. В результате получаем красный.
Соединяя розовый цвет с жёлтым, получаем оранжевый.
Для получения алого необходимо взять красный и жёлтый в пропорции 2:1.
Для достижения красной палитры с мягким эффектом смешиваются красная и розовая краска. Для достижения более светлого тона, то лучше добавить белую краску.
Если в основную красную краску добавить краситель тёмного цвета, то получим бордовый.
Достичь тёмно-красного можно путём смешения цветов красного и фиолетового в соотношении 3:1.

Синие

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

Для получения синих цветов и оттенков, необходимо следовать следующей схеме. В синий добавляем:

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

Зелёные

Как правильно смешивать краски для получения зелёного и его оттенков. Основное правило – смешиваем жёлтые и синие красители. Яркая палитра зелёных оттенков достигается путём сочетания основных цветов в разных объёмах и добавления дополнительных красителей. Дополнительные цвета – это черный и белый.

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

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

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

Другие оттенки

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

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

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

Как получить нужный оттенок (1 видео)

Подбор цветов и генерация цветовых схем

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

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

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

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

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

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

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

Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.

Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.

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

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

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

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

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

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

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

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.

Значение RGB основного цвета. Кликните для ввода числового значения.

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

Значения RGB основного цвета.

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

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

Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

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

Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.

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

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

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

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

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

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

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

Алгоритм аддитивного смешивания цветов для значений RGB

Найдите здесь методы смешивания, предложенные Форди и Маркусом Джардеротом в одной функции python, которая постепенно смешивает или смешивает два цвета а и В.

Режим «mix» полезен для интерполяции между двумя цветами. Режим «blend» (с t=0 ) полезен для вычисления результирующего цвета, если один полупрозрачный цвет окрашен поверх другого (возможно, полупрозрачного) цвета. gamma коррекция приводит к более приятным результатам, поскольку она учитывает тот факт, что физическая интенсивность света и воспринимаемая яркость (людьми) связаны нелинейно.

import numpy as np

def mix_colors_rgba(color_a, color_b, mode="mix", t=None, gamma=2. 2):
    """
    Mix two colors color_a and color_b.

    Arguments:
        color_a:    Real-valued 4-tuple. Foreground color in "blend" mode.
        color_b:    Real-valued 4-tuple. Background color in "blend" mode.
        mode:       "mix":   Interpolate between two colors.
                    "blend": Blend two translucent colors.
        t:          Mixing threshold.
        gamma:      Parameter to control the gamma correction.

    Returns: 
        rgba:       A 4-tuple with the result color.

    To reproduce Markus Jarderot's solution:
            mix_colors_rgba(a, b, mode="blend", t=0, gamma=1.)
    To reproduce Fordi's solution:
            mix_colors_rgba(a, b, mode="mix", t=t, gamma=2.)
    To compute the RGB color of a translucent color on white background:
            mix_colors_rgba(a, [1,1,1,1], mode="blend", t=0, gamma=None)
    """
    assert(mode in ("mix", "blend"))
    assert(gamma is None or gamma>0)
    t = t if t is not None else (0.5 if mode=="mix" else 0.)
    t = max(0,min(t,1))
    color_a = np.asarray(color_a)
    color_b = np.asarray(color_b)
    if mode=="mix" and gamma in (1., None):
        r, g, b, a = (1-t)*color_a + t*color_b
    elif mode=="mix" and gamma > 0:
        r,g,b,_ = np.power((1-t)*color_a**gamma + t*color_b**gamma, 1/gamma)
        a = (1-t)*color_a[-1] + t*color_b[-1]
    elif mode=="blend":
        alpha_a = color_a[-1]*(1-t)
        a = 1 - (1-alpha_a) * (1-color_b[-1])
        s = color_b[-1]*(1-alpha_a)/a
        if gamma in (1., None):
            r, g, b, _ = (1-s)*color_a + s*color_b
        elif gamma > 0:
            r, g, b, _ = np.power((1-s)*color_a**gamma + s*color_b**gamma,
                                  1/gamma)

    return tuple(np.clip([r,g,b,a], 0, 1))

См. ниже, как это можно использовать. В режиме «mix» левый и правый цвета точно совпадают с color_a и color_b . В режиме «blend» левый цвет на t=0 -это цвет, который получается, если color_a смешивается с color_b (и белым фоном). В этом примере color_a становится все более прозрачным, пока не достигнешь color_b .

Обратите внимание, что смешивание и смешивание эквивалентны, если Альфа-значения равны 1.0.

Для полноты картины приведем здесь код для воспроизведения приведенного выше сюжета.

import matplotlib.pyplot as plt
import matplotlib as mpl

def plot(pal, ax, title):
    n = len(pal)
    ax.imshow(np.tile(np.arange(n), [int(n*0.20),1]),
              cmap=mpl.colors.ListedColormap(list(pal)),
              interpolation="nearest", aspect="auto")
    ax.set_xticks([])
    ax.set_yticks([])
    ax.set_xticklabels([])
    ax.set_yticklabels([])
    ax.set_title(title)

_, (ax1, ax2, ax3, ax4) = plt.subplots(nrows=4,ncols=1)

n = 101
ts = np.linspace(0,1,n)
color_a = [1.0,0.0,0.0,0.7] # transparent red
color_b = [0.0,0.0,1.0,0.8] # transparent blue

plot([mix_colors_rgba(color_a, color_b, t=t, mode="mix", gamma=None)
      for t in ts], ax=ax1, title="Linear mixing")
plot([mix_colors_rgba(color_a, color_b, t=t, mode="mix", gamma=2.2)
      for t in ts], ax=ax2, title="Non-linear mixing (gamma=2.2)")
plot([mix_colors_rgba(color_a, color_b, t=t, mode="blend", gamma=None)
      for t in ts], ax=ax3, title="Linear blending")
plot([mix_colors_rgba(color_a, color_b, t=t, mode="blend", gamma=2.2)
      for t in ts], ax=ax4, title="Non-linear blending (gamma=2.2)")
plt.tight_layout()
plt.show()

Formulas:
    Linear mixing (gamma=1):
                r,g,b,a:    (1-t)*x + t*y
    Non-linear mixing (gama≠1):
                r,g,b:      pow((1-t)*x**gamma + t*y**gamma, 1/gamma)
                a:          (1-t)*x + t*y
    Blending (gamma=1):
                a:          1-(1-(1-t)*x)*(1-y)
                s:          alpha_b*(1-alpha_a)*a
                r,g,b:      (1-s)*x + s*y
    Blending (gamma≠1):
                a:          1-(1-(1-t)*x)*(1-y)
                s:          alpha_b*(1-alpha_a)/a
                r,g,b:      pow((1-s)*x**gamma + s*y**gamma, 1/gamma)

И, наконец, здесь полезно почитать о гамма-коррекции.

Цветовая модель RYB или учимся смешивать краски в Delphi.

Уверен, что каждому читателю блога приходилось много раз смешивать краски и что-то где-то рисовать. По крайней мере, все мы ходили на уроки рисования в школе. Смешивание различных цветов дает новые цвета, которые, в свою очередь можно снова смешивать и в пределе получить, скажем, чёрный цвет – когда все краски замешаны в одну непонятную массу. Но это все в, скажем так, реальном мире. А как дела обстоят с цветами в мире программ? Цель работы на сегодня – “научить” нашу программу смешивать краски в нужных пропорциях и получать тот цвет, который Вы бы получили, смешав настоящие краски, а не пиксели на мониторе.

Работая с цветами в Delphi (да и не только с Delphi), мы уже привыкли, что для работы с цветом у нас есть модель RGB (Red, Green, Blue) в который все цвета получаются путем смешивания трех основных. Самый простой алгоритм смешивания двух RGB-цветов в равных пропорциях – это:

var R,G,B:byte;
begin
  R:=(R1+R2) div 2;
  G:=(G1+G2) div 2;
  B:=(B1+B2) div 2;
end;

Просто, удобно, лаконично. А теперь вернемся к нашей задаче. Как показать художнику, с кисточкой в одной руке и палитрой в другой, какой цвет он получит, если возьмет и смешает в своей палитре две краски? Попробуйте сейчас, используя приведенный выше код сложить два цвета: синий (0, 0, 255) и желтый (255, 255, 0). Что получится? Получится некое подобие серого цвета. Что-то типа такого:

Blue+Yellow=?

А теперь попробуйте сделать то же самое, НО по-старинке, без компьютера, без RGB и прочих технических штук – возьмите два карандаша/маркера и почиркайте ими на белом листе бумаги. Что получилось?

Должно получиться что-то типа такого:

Blue+Yellow=Green

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

Цветовые модели

Как я сказал выше, мы все привыкли и, если не прекрасно, то хотя бы в общих чертах, представляем, что представляет из себя RGB.

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

Любой цвет на “излучающим объекте”, например, мониторе получается путем сложения трех составляющих – красных, зеленых и синих точек. Сложили три основных цвета – получили черный, обнулили три составляющих цвета – получили чистый белый.

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

Кроме RGB существует и другая цветовая модель –RYB:

RYB — цветовая модель субтрактивного синтеза, основанная на составлении цвета из красного (Red), жёлтого (Yellow) и голубого (Blue). Эта сложившаяся исторически система предшествовала становлению современной науки о цвете. Она не вписывается в современные представления о пиках восприятия спектра видимого света в трехстимульной модели зрения, однако применяется для представления цвета в изобразительном искусстве.

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

Смотрим на модель RYB и видим:

RYB

Синий + Желтый = Зеленый

Обратите внимание, что любой цвет в RYB определяется тремя числами в диапазоне от 0 до 1.

1,0,0 – красный цвет
0,1,0 – желтый
0,0,1 – голубой

Вот та цветовая модель с которой нам сегодня предстоит научиться работать. Конечно, кроме этих двух, существует ещё ряд цветовых моделей, например, HSL, XYZ, L*a*b, CMYK (то же, кстати, субтрактивная модель, как и RYB) и т.д. Сейчас рассматривать мы их не будем, но, вполне возможно, что позже я покажу как эти модели можно использовать в Delphi. А пока обратимся к нашей модели RYB и прикинем как мы можем её использовать в Delphi.

Сложение цветов в RYB

Итак, теперь мы знаем, что из себя представляет модель RYB. Есть три основных цвета (Primary Colors) Red, Yellow и Blue. Согласно RYB эти цвета нельзя получить путем смешивания.

Смешивая в равных пропорциях два любых основных цвета мы получим так называемые secondary colors.

Смешивая 2 части primary color с 1 частью secondary color мы получим tertiary Colors.

В итоге primary, secondary и tertitary colors образуют так называемое цветовое колесо, которое можно представить, например, так:

Цветовое колесо RYB

Как смешиваются цвета в RYB? Очень просто. К примеру нам надо смешать две части красного цвета и одну часть желтого.

Запишем цвет в RYB как:

type
 TRYBColor = record
   R: single;
   Y: single;
   B: single;
 end;
[...]
var Color1, Color2: TRYBColor;

а количество (или вес) в общей массе как

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

var NewRYB: TRYBColor;
    K: single;
begin
  NewRYB.R:=Color1.R*Weight1+Color2.R*Weight2;
  NewRYB.Y:=Color1.Y*Weight1+Color2.Y*Weight2;
  NewRYB.B:=Color1.B*Weight1+Color2.B*Weight2;
  K:=MaxValue([NewRYB.R,NewRYB.Y,NewRYB.B]);
  NewRYB.R:=NewRYB.R/K;
  NewRYB.Y:=NewRYB.Y/K;
  NewRYB.B:=NewRYB.B/K;
end;

Ну, или, если представить себе каждый цвет как вектор в трехмерном пространстве, то в Delphi процедуру сложения двух RYB-цветов можно сделать ещё короче:

var Color1, Color2, NewColor: TVector3D;
begin
  NewColor:=Color1. Scale(Weight1)+Color2.Scale(Weight2);
  Vector3:=Vector3.Scale(1/MaxValue([NewColor.X,NewColor.Y,NewColor.Z]));
end;

В результате получим какой-то новый цвет в RYB. Как его теперь показать пользователю? Естественно, тут мы выше головы не прыгнем и нам надо будет как-то конвертировать RYB в RGB. Поиски в сети на предмет конвертеров из RYB в RGB наткнулся вот на такой замечательный кубик:

Куб для интерполяции RYB

Используя этот кубик, ребята вот с этого сайта собрали простенький калькулятор на JavaScript, который переводит любой цвет из RYB в RGB. Ну, а раз у нас есть скрипт, то не вижу смысла изобретать свой велосипед – просто переведем этот скрипт на рельсы Delphi:

function RYBToARGB(RYBColor: TRYBColor):TAlphaColor;
function CubicInt(t,a,b: single): single;
var Weight: single;
begin
  Weight:=t*t*(3-2*t);
  Result:=A+Weight*(B-A);
end;
 
function GetRValue: integer;
var x0, x1, x2, x3, y0, y1: single;
begin
  x0:=CubicInt(RYBColor.B,1,0.163);
  x1:= cubicInt(RYBColor.B, 1.0, 0.0);
	x2:= cubicInt(RYBColor.B, 1.0, 0.5);
	x3:= cubicInt(RYBColor.B, 1.0, 0.2);
	y0:= cubicInt(RYBColor.Y, x0, x1);
	y1:= cubicInt(RYBColor.Y, x2, x3);
  Result:=ceil(255 * cubicInt(RYBColor.R, y0, y1));
end;
 
function GetGValue:integer;
var x0, x1, x2, x3, y0, y1: single;
begin
  x0:=cubicInt(RYBColor.B, 1.0, 0.373);
 	x1:=cubicInt(RYBColor.B, 1.0, 0.66);
 	x2:=cubicInt(RYBColor.B, 0.0, 0.0);
 	x3:=cubicInt(RYBColor.B, 0.5, 0.094);
 	y0:=cubicInt(RYBColor.Y, x0, x1);
 	y1:=cubicInt(RYBColor.Y, x2, x3);
 	Result:=ceil(255 * cubicInt(RYBColor.R, y0, y1));
end;
 
function GetBValue:integer;
var x0, x1, x2, x3, y0, y1: single;
begin
  x0:= cubicInt(RYBColor.B, 1.0, 0.6);
  x1:= cubicInt(RYBColor.B, 0.0, 0.2);
  x2:= cubicInt(RYBColor.B, 0.0, 0.5);
  x3:= cubicInt(RYBColor.B, 0.0, 0.0);
  y0:= cubicInt(RYBColor.Y, x0, x1);
  y1:= cubicInt(RYBColor.Y, x2, x3);
  result:=ceil(255*cubicInt(RYBColor.R, y0, y1));
end;
 
begin
  Result:=MakeColor(GetRValue,
                    GetGValue,
                    GetBValue)
end;

Имея в руках две функции – сложения RYB-цветов и конвертирования из RYB в ARGB мы можем проверить нашу работу и нарисовать собственное цветовое колесо RYB.

Приложение “Цветовое колесо RYB”

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

[youtube_sc url=”https://www.youtube.com/watch?v=w-Bc-lqYw7c”]

Конечно, RYB обладает своими недостатками, но, тем не менее, эта цветовая модель нашла свое применение в изобразительном искусстве.

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

На этом все. Всем удачи и до новых встреч на страницах блога WebDelphi.ru.

0 0 голос

Рейтинг статьи

5 приложений для смартфонов • Интерьер+Дизайн

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

По теме: Цвет 2019 года по версии Sherwin-Williams

Adobe Color Capture

Как заимствовать цвета с фотографии или произведения искусства? Благодаря Adobe Color Capture теперь легко сохранить вдохновляющие цветовые комбинации, фигуры или узоры и использовать их в качестве палитры для своего проекта.

Бесплатно для iOS и Android

Vivid Paint Colors

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

Бесплатно для iOS и Android

ColorSnap

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

Бесплатно для iOS и Android

Coolors

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

$1.99 для Android

MyPantone

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

$7.99 для Android

Альтернативы RGB — Дизайн на vc.ru

Люди знают о цветовом кодировании RGB, где через смесь красного (Red), зелёного (Green) и синего (Blue), смешивается нужный цвет и отображается на экране. Печатники и дизайнеры знают о CMYK (Cyan, Magenta, Yellow, Key color), который применяется для печати на белом, а последний из цветов отвечает за чёрный.

{«id»:162756,»url»:»https:\/\/vc.ru\/design\/162756-alternativy-rgb»,»title»:»\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b RGB»,»services»:{«facebook»:{«url»:»https:\/\/www. facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/162756-alternativy-rgb»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/162756-alternativy-rgb&title=\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b RGB»,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/162756-alternativy-rgb&text=\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b RGB»,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/162756-alternativy-rgb&text=\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b RGB»,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/162756-alternativy-rgb»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b RGB&body=https:\/\/vc.ru\/design\/162756-alternativy-rgb»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}

3799 просмотров

Кстати, CMYK намного беднее RGB, что надо учитывать, когда готовишь макет к печати, ведь некоторых цветов из RGB нет в CMYK.

Но это не единственные способы закодировать цвет, например можно отойти от смешивания цветов, как это сделано в цветовой системе HSV, где Hue — цветовой тон, Saturation — насыщенность цвета, т. е. чем больше параметр, тем ближе к чистому цвету, а чем меньше, тем к нейтральному серому, а Value — значение, которое отвечает за яркость, чем выше, тем светлее, чем ниже, тем темнее. Также эту систему называют HSB, из-за Brightness.

Но сейчас будем говорить о цветовой системе Lab, которая учитывает человеческое восприятие и решает задачи, которые так просто не решаются в RGB. И немного об Lch.

Проблема грязных градиентов

Если построить градиент от одного цвета к другому в RGB, то с некоторыми цветами получится красиво, а с некоторыми полное уродство.

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

Тут и помогает цветовая система Lab, учитывающее цветовое восприятие глазами человека.

Для создания такого красивого градиента заходим на davidjohnstone.net/pages/lch-lab-colour-gradient-picker и выбираем два цвета, между которыми надо сделать переход и нужное количество ступеней, семи обычно хватает.

Далее копируем цвета рядом с колонкой Lab и переносим в свой редактор, делая линейный градиент из выбранного количества шагов. Получается красота.

Сама система Lab устроена довольно сложно, но суть в том, что светлота задаётся через L, а цветовые показатели через координаты a и b. Внутри там страшные формулы, ведь система делалась для людей, а не компьютеров, зато очень кайфовый результат. Главное запомнить, что в Lab всегда получаются крутые градиенты, и грамотно это применять.

Изменить цвет, не меняя яркость и насыщенность

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

Запрос в Гугле: color picker

Но как это делать автоматически, ведь в системе RGB меняется значение каждой координаты при перемещении ползунка. Здесь на помощь приходят радиальные системы кодирования цвета, где цвет задаётся одной координатой, а не несколькими, например уже известная HSV, а также HSL. И радиальная версия Lab, которая называется Lch.

Рассмотрим реальный кейс

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

Решение: копируем один из цветов в дизайне, переводим в HSL (Hue, Saturation, Lightness). HSL используем потому, что этот стандарт поддерживается в CSS.

Скрин из дизайнерского макета

Теперь меняя Hue, мы можем менять цвет, сохраняя светлость и насыщенность. Для светлого фона HSL: [0°–360°], 100%, 78%, а для тёмного HSL: [0°–360°], 100%, 30%. Параметр Hue можно генерировать из хэш-функции названия, либо из количества символов в названии.

Вывод

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

Ссылки по теме:

Цвета HTML Color Теория

Что такое теория цвета?

Теория цвета множество категорий, определений и понятий.

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

Первичные, вторичные и третичные цвета
Цветные колеса (RGB, CMY, синтез системе RYB)
Цветовой тон, легкость и насыщенность

Цвет света

Сэр Исаак Ньютон разработал теорию, что все цвета смеси Красного, зеленогои синего света.

Это привело к первому известному цветному кругу в 1666.

Цвет краски

В 1766 ученый Моисей Харрис создал первое цветовое колесо для классификации Красного, желтогои синего в качестве основных цветов.

Моисей Харрис работал с краской (Ньютон работал со светом) после теории (по французским художником), что все цвета смеси красного, желтого и синего пигментов.

Цветовые системы

В этом уроке мы рассмотрим 3 различных цветовых систем:

Цветовая система, используемая при производстве цветов по свету (RGB)
Цветовая система, используемая при печати (CMY)
Цветовая система, используемая художником и живописцами (синтез системе RYB)

Печать на самом деле использует четыре цвета чернил системы.

CMYK: голубой, пурпурный, желтый и ключевой (черный).

Основные цвета

Основные цвета являются основными цветами в данной цветовой системе.

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

Основными цветами для света являются красный, зеленый и синий:

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

Основными цветами для рисования являются красный, желтый и синий:

Вторичные цвета

Вторичные цвета изготавливаются путем смешивания двух основных цветов в цветовой системе

Существует 3 вторичных цвета в цветовых системах, описанных здесь.

Смешивание света (RGB)

Вторичные цвета желтый, голубой пурпурный.

Red	+	Green	=	Yellow
Green	+	Blue	=	Cyan
Blue	+	Red	=	Magenta

Смешивание чернил (CMY)

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

Cyan	+	Magenta	=	Blue
Magenta	+	Yellow	=	Red
Yellow	+	Cyan	=	Green

Обратите внимание, что смешивание основных цветов CMY производит основные цвета света (RGB)

Краска для смешивания (синтез системе RYB)

Вторичные цвета оранжевый, зеленый, фиолетовый.

Red	+	Yellow	=	Orange
Yellow	+	Blue	=	Green
Blue	+	Red	=	Purple

Третичные цвета

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

В синтез системе RYB шесть названных третичных цветов:

Красно-оранжевый
Жёлто-оранжевый
Жёлто-зелёный
Сине-зелёный
Сине-фиолетовый
Красно-фиолетовый

Как создавать палитры и смешивать цвета • Приложение Concepts • Бесконечное гибкое создание эскизов
Учебное пособие по концепциям для iOS
Узнайте, как создавать цветовые палитры и смешивать цвета в Concepts.

Как творец, мир полон необработанного потенциала и захватывающих идей, и выразить их во всем блеске невозможно без соответствующей палитры цветов художника. Создаете ли вы новые продукты или выкройки, иллюстрируете произведения искусства или комиксы, или делаете наброски для заметок и мыслей, правильная цветовая палитра поможет вам сохранить ваши тона и настроение на целевом уровне.
Пользовательские цветовые палитры и смешение цветов являются основной частью Concepts. Используйте новую палитру цветов, чтобы находить и вызывать цвета (о дополнительных возможностях вызова инструментов читайте здесь), но также чрезвычайно полезно иметь под рукой палитру, в которой вы можете получить доступ к избранным или смешать их одним касанием, чтобы у вас не было порыбачить и вспомнить, какой именно цвет вы использовали в последний раз.
Вот как вы можете создавать собственные палитры и смешивать свои собственные цвета в Concepts.
Цветовой круг
Коснитесь круга в центре колеса инструментов (или вдоль внутреннего края панели инструментов), чтобы открыть красивое цветовое колесо Copic.Эти цвета выбраны в соответствии с интуитивно понятной системой цветов от Too Corporation. Вы можете прочитать больше об этом здесь.
Внутри колеса вы увидите пипетку, обозначающую палитру цветов, и звездочку, которая перенесет вас в меню «Цвета», где вы можете создавать цветовые палитры на холсте.
Коснитесь звездочки на цветовом круге, чтобы открыть меню «Цвета», или коснитесь и удерживайте цветовую точку в центре колесика инструментов, чтобы перейти прямо в меню «Цвета».
Color Mixer
Под колесом инструментов вы увидите вкладку цветов — это ваш Color Mixer.Вы можете настроить эту панель для отображения пользовательских палитр. Прокрутите свои палитры, проводя пальцем влево или вправо по вкладке.
Вы можете создать эти палитры в меню «Цвет» и в любой момент активировать на экране столько или меньше, сколько захотите.

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

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

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

Обратите внимание, что можно определить значения цвета вручную , используя поля Copic, HEX, RGB и HSB. Коснитесь поля, чтобы ввести цветовой код. Цвет точки изменит цвет в соответствии с записью. Нажмите и удерживайте точку, чтобы перетащить новый цвет в палитру.
Если вы внимательно посмотрите на поля RGB и HSB, вы также увидите градиенты истинных цветов под ними. Проведите пальцем или стилусом по градиентам и посмотрите, как цветовая точка изменится в соответствии с вашим цветом.

Чтобы создать новую цветовую палитру, нажмите кнопку «Добавить» (+) в правой части блока «Мои палитры».Вы можете сделать столько палитр, сколько захотите. Чтобы удалить палитру, присвоить ей имя или поделиться с палитрой, нажмите и удерживайте ее.

В каждую палитру можно добавить до восьми цветов. Чтобы добавить цвет из цветового круга Copic, коснитесь и удерживайте цвет, затем перетащите его на палитру. Если вы используете ползунки для поиска цвета, нажмите + удерживайте круг «Текущий цвет» и перетащите его на палитру.
Вы также можете переставлять цвета на палитре. Коснитесь + удерживайте, чтобы выбрать цвет, и перетащите его на новое место среди цветов палитры.

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

В нижней части меню «Цвета» находится область для динамических палитр . Эти палитры меняются в зависимости от того, какой цвет у вас активен в любой момент времени. Аналогичные, монохромные, дополнительные, оттенки, триады, наиболее часто используемые и самые последние цвета — все это полезно иметь под рукой. Выберите наиболее полезные и активируйте их в Color Mixer на главном экране.

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

Нужна помощь в выборе оттенков? Попробуйте онлайн-генератор цветовой палитры
Фото: коллаж из зеленой цветовой палитры от Africa Studio / Shutterstock
Выбор цветовой палитры может быть непростой задачей.Независимо от того, выбираете ли вы два или десять оттенков для своей следующей картины, цифрового дизайна или схемы декора, может быть сложно как сузить выбор, так и выбрать цвета, которые, по вашему мнению, подходят для вашего проекта. Но, как и во многих вещах в творческой сфере, чем больше вы практикуетесь и чем больше учитесь, тем более интуитивным становится выбор цвета.
Прежде чем вы начнете смешивать цвета или создавать палитру, лучше всего знать основы теории цвета, особенно как пользоваться цветовым кругом. Это поможет вам понять отношения между оттенками, а также предлагает способ создания цветовых схем, которые варьируются от базовых комбинаций до тонких оттенков.
Хотя лучше всего знать свой цветовой круг, есть еще один вариант создания палитр. Всего одним щелчком мыши онлайн-генератор цветовой палитры может помочь подобрать оттенки, которые хорошо сочетаются друг с другом. Если вы цифровой дизайнер, эти типы веб-сайтов особенно полезны; они часто предоставляют шестнадцатеричные номера цветов оттенка, чтобы вы могли вставить их в свой CSS или в такие программы, как Photoshop. Однако даже если вы работаете в аналоговом режиме, вы все равно почерпнете отличное вдохновение для смешивания цветов.
Нужна помощь в создании цветовых палитр? Вот пять лучших бесплатных генераторов цветовой палитры, которые можно попробовать.
Фото: Цветовая палитра Peppercorn от Джейн Рикс / Shutterstock
Coolors : Этот сайт (и сопутствующее приложение), называющий себя «сверхбыстрым генератором цвета», Coolors будет генерировать для вас палитры и позволять настраивать характеристики, включая насыщенность, температуру и яркость. Кроме того, он может отображать различные типы дальтонизма, чтобы вы могли видеть, как будут выглядеть оттенки в глазах других людей. Найдя понравившуюся палитру, вы можете сохранить ее на будущее и поделиться ею с другими.
Canva : Canva — отличный ресурс для создания инфографики и других изображений для социальных сетей. Чтобы помочь вам в этих творческих начинаниях, у них есть генератор цветовой палитры, который покажет определяющие цвета изображения. Поэтому, если вы создаете текст для наложения на это изображение, это идеальный способ убедиться, что все элементы отлично смотрятся вместе.
Охладители
ColorSpace : ColorSpace берет на себя все догадки при выборе цвета; все, что вам нужно, это просто один оттенок и нажать кнопку «Создать» — внезапно он представит вам несколько схем.Они варьируются от «Обычного градиента» до комбинаций, которые вы не ожидаете, например, «Сдержанная палитра».
Colormind : Вы зацикливаетесь на выборе хотя бы одного цвета? Colormind имеет предварительно выбранные палитры, которые готовы к использованию. Все, что вам нужно, это выбрать тот, который нравится вам и вашему проекту.
Палетон
Paletton : Paletton предлагает формат, отличный от других генераторов цветовой палитры, но это отличная новость для людей с склонностью к зрению.Вы просто начинаете с цветового круга и выбираете базовый оттенок, который хотите использовать. Затем Paletton вводит его в большой квадрат с более мелкими оттенками над ним. Вы сможете увидеть, как разные оттенки и тона выглядят с вашим основным оттенком — все одновременно. Кроме того, сайт позволяет переключать цветовые схемы с монохроматического на триаду, на «свободный стиль» и многое другое.
Статьи по теме:
Любитель дизайна представляет яркие цветовые палитры любимых телешоу, фильмов и музыкальных клипов
Хотите узнать о смешивании цветов? Вот основы, которые вам нужно знать
Рукописный справочник цветов XIX века, поэтически описывающий, где в природе встречаются оттенки
Упрощение цветовой палитры для телесных тонов…
Похоже, что наблюдение за огромным количеством тюбиков с краской разного цвета может быть самой напряженной частью рисования.Какие цвета выбрать? Существует так много!
У каждого художника свой подход к рисованию оттенков кожи. Я исследовал цвета в течение многих лет, и самая простая палитра, с которой мне приходилось сталкиваться, — это палитра Zorn.
Андерс Цорн (18 февраля 1860 — 22 августа 1920) был известным художником из Швеции. Он разработал простую палитру оттенков кожи. Когда я говорю просто, я просто имею в виду, что он использовал чрезвычайно ограниченную палитру. Вы можете узнать больше о Zorn здесь: http://en.wikipedia.org/wiki/Anders_Zorn
Телесные тона — это широкий спектр отраженного света, прозрачности и неожиданных цветов.Ограничивая свою палитру, вы можете сосредоточиться на небольших вариациях и наложении цветов.
Палитра Zorn представлена следующими цветами: желтая охра, малиновый, черный, титановый белый. Вот и все! Всего 4 цвета. Вы можете варьировать свою палитру по типу черного и красного, которые вы используете. Даже используя всего 4 цвета, вы можете создавать самые разные цвета и оттенки. Я создал таблицу смешивания ниже, чтобы показать вам основные цвета, которые вы можете создать. Вы всегда можете создавать вариации этих цветов в зависимости от соотношения смешанных красок.
Нажмите на изображения ниже, чтобы увеличить их и распечатать.
Начиная с левого края, мы используем обычную желтую охру. По мере движения вниз мы добавляем титановую белку. По мере того, как мы движемся вправо, мы добавляем небольшое количество красного, а затем все больше и больше, пока не получится просто красный кадмий. На этом этапе у нас больше нет желтого, смешанного с красным, мы снова начинаем с красного. Двигаясь дальше вправо, мы добавляем черный кость, пока не получим просто черный кость.Рядом с черным у нас есть три цвета, смешанные вместе в разных соотношениях. Какой бы цвет ни был наверху, он будет самым большим, смешанным вторым по величине, смешанным наименьшим количеством. Здесь мы можем получить большое количество разнообразных комбинаций. Я просто использовал основные комбинации на этой диаграмме. Но если вы смешаете разные пропорции цветов, вы получите немного разные вариации. Затем внизу диаграммы смешиваются желтый и черный, которые создают своего рода зеленоватый оттенок.
Я создал две диаграммы, чтобы показать два разных оттенка кожи. Я использовал инструмент «капли», чтобы выделить цвет кожи слева, а затем сопоставить его с таблицей справа.
Где бы я ни находил цвета, которые не совпадали в точности с диаграммой, я связывал их с ближайшим цветом. Вы сможете точно подобрать цвет, немного изменив пропорции краски. Но поскольку вы используете ограниченную палитру, вам будет легче подобрать правильный оттенок. Вам просто нужно найти близкий цвет и добавить или вычесть цвета, чтобы найти правильный оттенок.
Ниже вы можете увидеть более светлый оттенок кожи и его соответствие.
Вы можете использовать эту таблицу для создания вашей базовой картины. Затем, когда все ваши контуры будут завершены, вы можете использовать краски других цветов, если считаете, что они необходимы. В большинстве случаев вам не нужно ничего добавлять. Вы удивитесь, насколько эффективной может быть эта палитра.
Как я уже упоминал ранее, цвета вашей палитры будут иметь разные результаты. Если вы используете черный цвет слоновой кости, у вас будут немного другие вариации, но вы все равно сможете найти комбинации, которые создадут нужные вам цвета.Или, если вы воспользуетесь ализариновым малиновым, вы получите разные оттенки. Малиновый — распространенный цвет, используемый в палитре Zorn. Я просто предпочитаю использовать красный кадмий. Используйте те цвета, которые вам удобны. Создайте таблицу цветов и приступайте к рисованию!
Я буду делать два приведенных выше изображения в качестве уроков. Мы будем использовать прозрачные пленки и слои, чтобы кожа выглядела более реалистично. Оставайтесь с нами и спасибо за чтение!
-Тим
3 шага, чтобы научиться волшебству
Andres Zorn
Лимитированная палитра Zorn названа в честь известного шведского художника Андерса Леонарда Цорна (18 февраля 1860 — 22 августа 1920).Он, как Джон Сингер Сарджент и Хоакин Соролья, больше всего известен своими портретами, домашними сценами и обнаженными телами на открытом воздухе. Многие современные художники-реалисты восхищаются его живым и умелым мастерством.
Zorn также известен тем, что использует палитру, ограниченную всего четырьмя цветами. Хотя есть некоторые разногласия по поводу точных цветов на его палитре, обычно считается, что Зорн сократил свою палитру до довольно землистых цветов: желтой охры, красного кадмия, среднего, цвета слоновой кости и белого.Некоторые списки добавляют Vermillion, Viridian и / или Cerulean Blue. Где бы ни была правда, палитра гораздо более ограничена по цветовой гамме, чем большинство художников используют сегодня.
Почему желтая охра, кадмий красный средний и слоновая кость черный? Они представляют собой землистую версию основных цветов пигмента — желтого, красного и синего. Yellow Ochre землистый, но все же смешивается с красным и черным, создавая очень приятные теплые оранжевые оттенки и холодные зеленые оттенки соответственно. Кадмий красный насыщенный и теплый. Ivory Black — это круто, он действует как очень глубокий синий.
Интересно, что происходит, когда вы работаете с простой палитрой, я попробовал небольшое упражнение, заимствованное из книги Alla Prima II Все, что я знаю о живописи и многом другом Ричарда Шмида. Я создал цветовую таблицу, используя базовую палитру Zorn: Yellow Ochre, Cadmium Red Medium, Ivory Black и Titanium White.
Инструкции по созданию ограниченной сетки палитры Zorn
Версия с полной палитрой Если вы хотите попробовать 11-цветную версию этого упражнения, см. Мое упражнение с полной палитрой здесь.
Это упражнение включает в себя создание цветовой таблицы, в которой базовая ограниченная палитра Zorn: желтая охра, красный кадмий и черный слоновая кость систематически смешиваются от полностью насыщенного оттенка до едва окрашенного белого. Полученная диаграмма демонстрирует замечательный диапазон цветов, который можно получить из этой базовой палитры. Я также обнаружил прекрасные гармоничные сочетания цветов, которые создаются с помощью этой палитры.
ШАГ 1. Нарисуйте сетку
На холсте размером 16 на 12 дюймов нарисуйте сетку из квадратов размером 1 дюйм, 12 по ширине и 10 по ширине.
ШАГ 2: Замаскируйте сетку
Используя малярную ленту, нарезанную на полоски шириной 1/4 дюйма, замаскируйте края 10 рядов и 12 столбцов, создав квадраты, в которых будут смешанные цвета.
ШАГ 3: Смешивание и покраска сетки
Здесь начинается самое интересное!
Используя небольшой мастихин или кисть, нарисуйте сетку смешанными цветами следующим образом.
[hfcm id = ”2 ″] Щелкните диаграмму, чтобы увеличить.Вы можете сохранить большое изображение для справки.
Верхний ряд:
Цвета прямо из пробирки в столбцах 1, 5 и 9. Другие смешанные цвета создают основу вторичных цветов (апельсиновый, пурпурный и зеленый) путем смешивания наборов из двух основных цветов в каждом — желтого и красного ; Красно-черный; Черный и желтый — в соотношениях, указанных в таблице ограниченной палитры Zorn. Не добавляйте белый цвет в первую строку .
Следующие четыре ряда:
Смешайте белый цвет с цветом в верхней части каждого столбца.Цель состоит в том, чтобы создать 5-ступенчатое постепенно более светлое значение каждого цвета верхнего ряда. В левой части руководства указан примерный процент цвета верхнего ряда, смешанного с чистым белым для каждого ряда. Ваша цель — создать постепенную, но четкую серию от чистого цвета до светлого оттенка того же цвета.
Нижние пять рядов:
Здесь вы исследуете третичные цвета. При использовании этой ограниченной палитры третичные цвета в основном относятся к семейству коричневых и розовых. Вы также обнаружите прекрасные телесные тона.Порядок такой же, как у верхней сетки, но с добавлением третьего цвета. В этом упражнении вы добавите третью цветовую смесь. Например, в колонки, где смешивались желтая охра и красная, добавьте немного цвета слоновой кости. Тщательно добавляйте немного пигмента за раз — ровно столько, чтобы увидеть изменение оттенка. Вы также должны увидеть изменение цветовой температуры при добавлении третьего цвета.
СОВЕТЫ
Смешивайте по одному столбцу за раз
Сначала смешайте большую лужу чистых цветов и разделите ее на пять более мелких луж.Затем добавьте белый цвет в каждую лужу, чтобы получилась постепенно более светлая смесь. После того, как эти цвета нанесены на сетку, добавьте третий, цвет следа, к каждой смеси, которая будет использоваться в нижней половине столбца.
Держите палитру и цвета в чистоте
Очищайте палитру, кисть или мастихин после завершения каждой колонки, чтобы цвета оставались чистыми.
ОТЛИЧНОЕ ЧТЕНИЕ:
Андерс Цорн: шведский мастер-художник (платная ссылка)
Этот первый том на английском языке, сопровождающий крупную ретроспективу работ Андерса Цорна, подробно исследует всю карьеру шведского импрессиониста.Андерс Цорн (1860–1920) — один из самых известных и любимых художников Швеции.
Alla Prima II Все, что я знаю о живописи — и многое другое (платная ссылка)
Эта книга предлагает художникам и ценителям искусства мудрость и техническую смекалку, которые пришли из классического образования и целой жизни рисования и преподавания. Пишущий как признанный мастер, Ричард изящно ведет своего читателя через тонкости теории и техники живописи с освежающей прямотой и непревзойденным техническим авторитетом.
Alla Prima II Companion: Материалы, инструменты и методы Ричарда Шмида (платная ссылка)
Материалы, инструменты и методы Ричарда Шмида — Кэти Сватланд. Путь к созданию великих произведений искусства начинается с знания возможностей ваших материалов и инструментов. На страницах этой книги содержатся подробные описания процессов, которые входят в создание картины.
Соролья: The Masterworks (платная ссылка)
Новый обзор лучших работ неуловимого и эффектного испанского импрессиониста Хоакина Сорольи.Хоакин Соролья (1863–1923), которого часто сравнивают со своим современником, американским художником Джоном Сингером Сарджентом, был мастером рисования и живописцем пейзажей, формальных портретов и монументальных исторически тематических полотен.
«Дух искусства» Роберта Анри (платная ссылка)
«Искусство, когда его действительно понимают, является прерогативой каждого человека». Так начинается «Дух искусства», собрание слов, учений и мудрости художника-новатора и любимого учителя Роберта Анри. Анри, который рисовал в реалистическом стиле и был одним из основателей школы Ашкан, был известен своей верой в интерактивную природу творчества и вдохновения, а также в непреходящую силу искусства.
Как партнер Amazon, я зарабатываю очень небольшую реферальную плату за соответствующие покупки, что дает мне возможность предлагать учебные пособия бесплатно. Спасибо.
ОРИГИНАЛЬНАЯ ПОЧТА: ЯНВАРЬ 2014 ГОДА — ОБНОВЛЕНИЕ: ОКТЯБРЬ 2020 ГОДА
6 советов по выбору потрясающей цветовой схемы веб-сайта
Когда дело доходит до вашего веб-сайта, вы должны дать вашим клиентам потрясающие впечатления, чтобы они зацепились за ваш бренд.
Представьте, что вы запускаете идеальный веб-сайт для своего бизнеса.Все безупречно — макет, производительность, навигация, текст. Все это создает для ваших пользователей опыт мечты, и люди в восторге от этого.
Что ж, вы сможете добиться этого, только если выберете правильную цветовую схему веб-сайта, и я покажу вам, как именно это сделать, даже если у вас нет опыта в дизайне.
Цвет играет важную роль в нашем восприятии мира. Следовательно, это может радикально повлиять на то, как мы воспринимаем веб-сайт. Но когда дело доходит до дизайна веб-сайтов, цветовая схема часто отходит на второй план. В этой статье я поделюсь шестью важными советами, которые вы можете использовать для создания потрясающей цветовой схемы веб-сайта:
Познакомьтесь с основами психологии цвета
Познакомьтесь с теорией цвета
Подумайте о смешивании цветовых комбинаций
Будьте проще
Контрастите свои цвета
Добавьте свой брендинг
Если у вас есть практические знания в области теории цвета или вы не совсем уверены в разнице между основными и дополнительными цветами, эти советы помогут вам выбрать идеальную цветовую схему при создании вашего веб-сайта.Давайте начнем!
1. Познакомьтесь с основами психологии цвета
Психология цвета играет важную роль в маркетинге. Рассмотрение всех деталей заняло бы слишком много времени, поэтому вот самые важные основы, которые вам нужно знать.
Цветовые ассоциации очень сильны. Мы развиваем их в младенчестве, и обычно они остаются с нами на всю жизнь. Эти ассоциации инстинктивны и часто подсознательны.
Многие из этих ассоциаций достаточно универсальны.Например, все учатся ассоциировать зеленый цвет с листьями и природой, а желтый — с солнцем.
Однако некоторые из них носят культурный характер. Одно исследование показало, что у американцев зависть ассоциируется с черным, зеленым и красным, в то время как русские считали черный, фиолетовый и желтый цветами зависти.
Эти культурные ассоциации сегодня более важны, чем когда-либо прежде, поскольку многие бренды имеют глобальное присутствие. В зависимости от того, какие цвета вы используете, люди из определенных стран могут ассоциировать с вашим брендом что-то негативное, что вам определенно не нравится.
2. Познакомьтесь с теорией цвета
Короче говоря, теория цвета — это наука о том, как работает цвет. Более длинную версию объяснить не так просто — для нее есть целые курсы колледжа! Но есть несколько простых концепций, которые вы можете подобрать, чтобы обогатить свое понимание цвета для дизайна своего веб-сайта.
Во-первых, вам необходимо понять первичных , вторичных и третичных цветов.
Основные цвета — это цвета, которые нельзя получить путем смешивания двух других цветов.Есть три основных цвета: красный, желтый и синий.
Вторичные цвета создаются путем смешивания двух вторичных цветов. Например, когда вы смешиваете синий и желтый (два основных цвета), вы получаете зеленый (дополнительный цвет).
Третичные цвета создаются путем смешивания основного и вспомогательного цветов, расположенных рядом друг с другом на цветовом круге. Они создают сложные цвета; например, смешивание синего (первичного) и фиолетового (вторичного) создает сине-фиолетовый (третичный).
Во-вторых, давайте поговорим о теплых и холодных цветах.
Вы, наверное, уже имеете представление о том, что такое теплые и холодные цвета. Красные, оранжевые и желтые цвета классифицируются как теплые, а синие, зеленые и фиалки — как холодные.
В-третьих, важно понимать цветовых нюансов .
Не все цвета, которые вы видите, являются чистыми. Многие цвета, которые вы видите в Интернете, так или иначе пострадали.
Вы можете видеть оттенок (цвет с добавлением белого), оттенок (цвет с добавлением черного) или оттенок (цвет с добавлением серого).
Или вы могли бы видеть перенасыщенных или ненасыщенных цветов. Насыщенность цвета — это яркость или тусклость цвета.
В этих цветовых нюансах есть еще много всего, но это основные моменты, которые вам нужно знать, чтобы выбрать эффективные цветовые комбинации, о которых мы поговорим дальше.
3. Подумайте о смешивании цветовых комбинаций
Ваша цель — выбрать цветовую схему для дизайна вашего сайта. Что это обозначает? Что ж, вы ищете удачное сочетание цветов. В зависимости от того, с каким количеством цветов вы в конечном итоге будете работать, ваша цветовая схема может включать несколько цветовых комбинаций.
Когда вы думаете о цветовых комбинациях для вашего веб-сайта, понимание этих цветовых нюансов имеет решающее значение. Вам нужно знать, почему определенные цвета работают вместе и как вы можете изменить цвета, чтобы они лучше соответствовали вашей схеме.
Теория цвета прекрасно подскажет, какие цвета хорошо сочетаются друг с другом. Поэтому, когда дело доходит до выбора цветов для вашей палитры, есть несколько более сложных аспектов теории цвета, которые могут помочь вам решить, какие цвета подойдут вам лучше всего.
Ранее я упоминал, как цвета комбинируются для создания новых цветов, но нам также нужно посмотреть, как комбинировать разные цвета.
Существует пять основных цветовых комбинаций: дополнительных , разделенных дополнительных , триад и тетрадных , аналогичных и монохроматических .
Дополнительные цвета располагаются напротив друг друга на цветовом круге. Дополнительная цветовая комбинация будет состоять из одного теплого и холодного цветов. Красный и зеленый — одна популярная взаимодополняющая пара.
Разделенные дополнительные цвета состоят из основного цвета и двух цветов, которые примыкают к дополнительному основному цвету.
Триады и тетрадные цвета имеют аналогичные отношения. Триады используют цвета, равномерно распределенные на цветовом круге (например, красный, синий и желтый).Тетрадические цвета — это четыре цвета, состоящие из двух пар дополнительных цветов (например, красный, зеленый, синий и оранжевый).
Аналогичные цвета располагаются на цветовом круге рядом друг с другом. В результате аналогичные цвета очень похожи, например, зеленый и желто-зеленый.
Наконец, монохроматических цветов — это просто вариации одного и того же цвета. Это достигается за счет использования оттенков, оттенков и тонов.
Думайте об этих цветовых комбинациях как о своих инструментах.Поскольку все эти комбинации работают, вам не нужно беспокоиться о несовпадении цветов.
Теперь, когда вы знаете точные комбинации, которые можно использовать, вы можете подумать о том, как использовать их вместе, чтобы создать мощную привлекательную цветовую схему.
4. Будьте проще
Это может показаться сложным, но этого не должно быть. Вместо этого, выбирая цветовую схему, подумайте о простоте. Действительно сложная, насыщенная цветовая гамма часто сбивает с толку.
У простоты есть два больших преимущества.
Возможно, самым большим преимуществом является то, что простота позволяет легко связать цветовую схему. Если у вас работает всего несколько цветов, все будет выглядеть одинаково. (Ну, по крайней мере, если вы использовали одну из цветовых комбинаций, упомянутых выше.)
Еще одно преимущество заключается в том, что зрителям не нужно много работать, чтобы понять, что происходит. Это одна из отличительных черт хорошего веб-сайта. Если вы переборщите с цветом, ваши пользователи будут еще больше сбиты с толку.
Цветовая схема
WordStream — отличный тому пример.На главной странице используются всего три цвета: синий, оранжевый и зеленый.
Синий и оранжевый являются здесь центральными цветами, причем на странице преобладают различные оттенки синего. Оранжевый используется для призыва к действию, а поскольку оранжевый является дополнением синего, кнопка выделяется и привлекает внимание.
Возвращаясь к языку цветов, который мы рассмотрели ранее, мы можем классифицировать это как монохроматическую цветовую комбинацию в сочетании с дополнительной комбинацией.
Эта цветовая схема одинакова для всего сайта.Вот как выглядит одно из сообщений в блоге:
Это простая цветовая схема, но невероятно эффективная , потому что такой простоты. Это говорит о том, что ярче не всегда лучше.
Блог
Evernote — еще один отличный пример:
Дизайн блога построен на зеленом цвете, который является основным цветом бренда Evernote. Здесь есть несколько фантастических штрихов — изображение, кнопка входа и даже гиперссылки — все зеленые.
Желтый появляется часто, что делает эту цветовую схему аналогичной.
Эти простые дизайны имеют огромное влияние — помните об этом при выборе цветовой схемы своего веб-сайта.
5. Контрастность цветов
Затем подумайте о контрасте. Это один из важнейших элементов хорошего дизайна, который вы можете использовать при создании цветовой схемы своего веб-сайта.
Это потому, что контраст создает впечатление. В частности, контраст может привлечь внимание к определенным частям страницы.
Еще раз взгляните на сайт WordStream:
Оранжевый призыв к действию на синем фоне — отличный пример контраста в действии.Фактически, дополнительные цвета так хорошо работают вместе, потому что они контрастируют друг с другом. Проведено удивительное количество исследований по выбору цвета призывов к действию, доказывающих, что выделяющиеся кнопки работают лучше.
Итак, если у вас есть что-то, что вы действительно хотите, чтобы пользователи заметили, сделайте это контрастирующим с остальной частью страницы (или, по крайней мере, с элементами дизайна, которые к ней ближе всего).
6. Добавьте свой брендинг
Наконец, подумайте, как ваш брендинг отразится на вашей цветовой схеме.Скорее всего, с вашим брендом уже связаны определенные цвета. В этом случае вы можете использовать существующую цветовую палитру, чтобы создать цветовую схему своего веб-сайта.
Однако вам может потребоваться настроить цвета вашего бренда. Если один из выбранных вами цветов имеет отрицательное значение, вы можете выбрать другой цвет.
В этом и есть ключ — подумайте о цветовых ассоциациях, которые у людей возникают с цветами, которые вы выбрали. Соответствуют ли эти ассоциации ценностям, на которых вы построили свой бренд?
Полезно узнать, что сделали и другие бренды.Вот пример с Medium:
Вы часто будете видеть те же цвета, когда смотрите на медийную рекламу. (Синий, как правило, популярен.)
А теперь приступим к (цветному) проектированию!
Теперь у вас есть все инструменты, необходимые для создания потрясающей привлекательной цветовой схемы для вашего веб-сайта.
Все, что осталось, — это пойти и сделать это.
Может потребоваться метод проб и ошибок, но это часть процесса. Любая хорошая цветовая схема будет проходить изрядное количество итераций.
И еще одно — эти знания пригодятся в будущем. Эти принципы дизайна имеют на много приложений больше, чем просто дизайн веб-сайтов. Вы можете использовать их для оптимизации таких вещей, как публикации в социальных сетях и инфографика. Но пока начнем со своего веб-сайта. Возьмите информацию, которую вы узнали из этого руководства, и сокрушите ее! Вы готовы сделать свой сайт как можно лучше.
Об авторе
Payman Taei — основатель Visme, универсальной платформы визуальной коммуникации, позволяющей каждому создавать и делиться красивыми интерактивными презентациями, инфографикой, отчетами и другими формами интересного контента без каких-либо дизайнерских навыков.
Как сделать цветной журнал
Несколько лет назад я начал вести журнал цветов, чтобы записывать любимые цвета и палитры. Я и не подозревал, насколько сильно это повлияет и повлияет на мои работы, а также изменит то, как я воспринимаю цвет и окружающий меня мир. Независимо от того, какой тип смешанного искусства вы любите, цвет является мощным ключевым игроком. Сегодня я покажу вам, как я создаю и использую свой дневник, и как он сделал меня более открытым для попытки смешивания цветов и различных комбинаций цветов.
Я использую различные типы журналов для своих цветных заметок, некоторые готовые, а некоторые переплетенные вручную. Бумага определенно стоит рассмотреть; Я предпочитаю акварельную или смешанную бумагу, но иногда я бросаю осторожность и веду дневник, потому что мне нравится обложка или размер. Да, я такой мелкий.
В настоящее время я работаю в альбоме для набросков Moleskine Art Plus, потому что он хорошего размера, имеет тяжелые страницы и красивую ярко-красную обложку. Эта книга обычно остается в моей студии — я делаю цветные заметки в своем альбоме для рисования / художественном журнале, а затем переношу их в свой цветной журнал.Мне нравится иметь время подумать о цвете, поэтому я обычно ничего не создаю на лету.
Обычная техника, которую вы увидите в книге, — это цветовая палитра, основанная на фотографии. Когда я выхожу на улицу и вижу цвет или цветовую комбинацию, которая мне нравится, я делаю быстрый снимок и анализирую ее позже, чтобы увидеть, какие цвета она раскрывает. Часто случаются сюрпризы на многих уровнях.
На этой фотографии мха на камне обратите внимание на то, насколько синий камень и как он сочетается с дополнительными оранжево-золотыми оттенками. Я не делал никакой цветокоррекции, но сделал снимок, когда было много синего света.Я помню, что это были золотые и серые оттенки, и был приятно удивлен тем, что уловила камера.
Дополнительные оттенки синего и золотого на этой фотографии мха на рок-поп рядом друг с другом.
Я сделал эту фотографию пляжа в Кеннебанкпорте, штат Мэн, в ноябре, после пика осенней окраски, когда на песке скапливались высушенные листья. Меня больше всего заинтриговали текстуры этой виньетки, но когда я сделал снимок, я понял, что цвета были невероятно красивыми и насыщенными. Это меня удивило, потому что я не большой поклонник землистых тонов, особенно коричневых.Почему мне нравится эта палитра? Он напоминает мне серую фланель и шорно-седельную кожу, ощущение очень мрачное, и мне хочется выпить большую чашку горячего какао.
Я не очень люблю земные тона, но мне нравится настроение и цвета этой фотографии.
Когда я создавал палитру из фотографии с акварелью в моем журнале цветов, я сначала исследовал изображение на экране своего компьютера, чтобы действительно увидеть детали и нюансы. Я заметил бледно-розовые тона в ракушках, глубокие сланцы в камнях, красновато-коричневые тона в листьях и одну охристую гальку.После выбора цветов я понял, что земные тона более интересны и сложны, чем я думал, и что добавление неожиданного цвета (в данном случае бледно-розового) может полностью изменить траекторию палитры.
Я использовала фотографию пляжа в качестве источника вдохновения для палитры в моем цветном журнале, обнаруживая скрытые оттенки.
Один из моих любимых цветов в повседневной жизни — серый Пейна, который я обнаружил совершенно случайно, когда не смог найти черную акриловую краску. Я знала о цвете, но никогда не исследовала его, но когда я нанесла кистью на этот великолепный глубокий оттенок серо-синего, я мгновенно влюбилась.Цвет напоминает мне грозовое небо и пейзажи в сумерках, и я часто использую его для монохромных рисунков, теней и фонов.
Я решил посмотреть, в чем разница между разными цветовыми средами и брендами Payne’s Grey. Это также было отличным предлогом для поездки в художественный магазин — всегда выигрыш. В развороте в моем цветном журнале я сравнил две акриловые краски от разных брендов (Liquitex Heavy Body и Blick Studio Acrylic) и две акварельные краски от Дэниела Смита, Payne’s Grey и Payne’s Blue Grey.Я впервые попробовал Payne’s Blue Grey, который имеет более сильный синий оттенок, чем его кузен, почти как темно-синий. Я также опробовал маркер Stabilo Point 88 в цвете Payne’s Grey и два акварельных карандаша, Payne’s Grey от Caran d’Ache и Blue Grey от Derwent, в которых, казалось, был немного бирюзового оттенка. Тестирование различных марок одного и того же цвета отлично подходит для создания эталона, который можно использовать снова и снова, особенно когда вы ищете точный оттенок.
На этой странице из моего цветного журнала я исследовал различные типы цветовых сред Payne’s Grey.
Желтый тоже не самый любимый цвет, хотя на днях я заметил, что это наиболее часто используемый оттенок в моей акварельной палитре, потому что я часто использую его для смешивания. Но соедините желтый с серым, и я поймаю на этом — сочетание теплых и холодных тонов потрясающее. Я решил попробовать Payne’s Blue Grey, чтобы увидеть, насколько он противостоит желтому, и мне понравились результаты. Этот оттенок синего делает желтый еще более ярким. Сине-серый Пэйн? Приятно видеть тебя на борту.
Выбрав образцы цветовой среды Payne’s Grey, я использовал один оттенок для этой акварельной картины.Цветовые круги
отлично подходят для смешивания цветов и создания палитр, и я часто использую их в своем цветовом журнале. Сделайте набросок вручную или используйте трафарет — здесь я использовал трафарет Pam Carriker’s Hue Tint Tone Shade от StencilGirl Products для небольшого теста акварельного цвета. Я хотел посмотреть, сколько цветов я могу создать, каждый раз начиная с одного и того же цвета. Для одного колеса я начал с ярко-розового цвета, а для другого — с бирюзы.
Я обнаружил, насколько сложными и насыщенными становятся цвета, когда они смешиваются с неожиданными оттенками.Например, я получил яркий шартрез, смешав ярко-розовый с желтым и зеленым, и красивую орхидею, смешав ярко-розовый с ультрамарином и бирюзой.
Эти смешанные цвета заполняют внешний ряд. Для среднего ряда я смешала цвет с черным, чтобы получить оттенок. Для самого внутреннего ряда я смешала цвет с белым (я использовала гуашь), чтобы получить оттенок. Это небольшое упражнение напомнило мне не полагаться на безопасные формулы желтого + синего = зеленого, а экспериментировать и играть с цветом для достижения уникальных, интересных оттенков.Кроме того, я не особо разбираюсь в пастели, но мне нравится этот внутренний круг приглушенных оттенков. Кто знал?
Я использую цветовые круги, чтобы глубоко погрузиться в исследования смешения цветов.
Я склонен впадать в колоритную колею, используя одни и те же цвета и цветовые комбинации, потому что это легко, и мне не нужно об этом думать (бирюзовый и пурпурный, я смотрю в вашу сторону). Поэтому, когда я хочу вывести себя из ступора, я заглядываю в свой цветной дневник и всегда нахожу захватывающую палитру для работы. Используя эту технику, я действительно расширил и укрепил свою художественную практику.Кроме того, это действительно очень весело. Вы не будете разочарованы.
Этот блог был первоначально опубликован 26.08.17. Он был переиздан 21.07.18.
Мир цвета — отличная кроличья нора, в которую можно погрузиться — попробуйте некоторые из этих потрясающих ресурсов, чтобы начать работу, и посмотрите, куда вас приведут ваши исследования цвета!
В серии «Уроки искусства», Коллекционное издание, вы найдете 12 индивидуальных уроков о том, как использовать цвет. К каждому есть сопутствующее видео.Посмотрите, сколько способов вы можете использовать цветовые круги в своих художественных журналах, в видео Color Page by Page: Using Color Wheels in Art Journals, with Pam Carriker. Станьте мастером цвета, используя техники и идеи в Acrylic Color Explorations от Криса Cozen. Страницы цветового вдохновения ждут вас в Incite 2: Color Passions от Тони Дженни, где представлены более 100 примеров смешанного искусства, вдохновленного цветом.
Полное руководство по выбору цветовой палитры для вашего курса электронного обучения
Как однажды пел король поп-музыки, «не имеет значения, черный он или белый… пока вы используете хорошие, дополнительные варианты из цветового круга.«Хорошо, может быть, это не были слова или , но дело в том, что цвет с точки зрения его места в дизайне электронного обучения очень важен, и знание того, как его использовать, может улучшить или испортить ваши курсы электронного обучения.
Как вы решаете, какие цвета, куда и как? Ответ можно найти в вращающемся чуде, известном как Цветовое колесо . Этот элегантный радужный круг, с которым вы, вероятно, познакомились еще в начальной школе, на самом деле является чрезвычайно полезным инструментом для создания бесшовных, организованных дизайнов.
Цветовой круг — это круговая диаграмма, которая показывает, как цвета связаны друг с другом на основе основных цветов красного, желтого и синего. Эти цвета и их потомки (вторичные и третичные цвета) живут в спектре, который создает своего рода генеалогическое древо всех пигментов, которые мы знаем и любим.
См. это короткое видео для простого и ясного объяснения.
Проще говоря, цветовое колесо состоит из:
Основные цвета : красный, желтый и синий.
Дополнительные цвета : оранжевый (смесь красного и желтого), зеленый (синий + желтый) и фиолетовый (красный + синий).
Третичные цвета : Эти цвета появляются, когда основной цвет смешивается со второстепенным цветом. Например, синий, смешанный с зеленым, дает нам сине-зеленый цвет, цвет, который можно было бы классифицировать как «зеленый», но с более синим оттенком.
Хотя дизайнеры электронного обучения обычно знают, что работает вместе, интуитивно, это более эффективно и последовательно, если вы знаете , почему вы выбираете цвета, которые вы выбираете.Поэтому иметь базу знаний по теории цвета — фантастическая идея. Вот почему вы должны понимать некоторые доступные «формулы» для определения цветовых схем.
Сгруппированные вместе цвета известны как схема , и эти оттенки выбираются на основе определенных теорий о том, что визуально работает, а что нет. Хотя правила могут быть нарушены, вы должны знать правила, прежде чем сможете успешно с ними поработать. Выбирая схему, помните об одной или нескольких из этих теорий, чтобы ваши цвета гармонично сочетались.
1) Монохром: Мне все равно
Монохромная цветовая схема — это, по сути, самая простая и самая безопасная цветовая схема. Эта теория группирования цветов основана на использовании одного цвета, такого как желтый, и создании оттенков (сделанных путем добавления белого к исходному цвету) и оттенков (созданных путем добавления черного к исходному цвету) этого цвета. Насыщенность также может быть рассмотрена в этой теме, и ее немного сложнее понять. Насыщенность зависит не от светлого или темного, а от интенсивности (от бледного до сильного) и того, насколько далеко от истинного серого цвета.
См. Этот пример:
Использует : Монохромные схемы выглядят чистыми и бесшовными и могут создать прочную связь с единой идеей или фирменным стилем на вашем слайде.
Недостаток и как это исправить : При работе только с одним цветом наиболее очевидная проблема может заключаться в том, что просто не хватает контраста, чтобы вызвать интерес, и дизайн может быстро надоесть. Чистый черный или белый цвет можно сочетать с основным цветом, чтобы сделать акцент там, где это необходимо. См. Эти примеры , чтобы понять, как это можно сделать.
Также прочтите: 6 способов использования психологии цвета для разработки эффективного электронного обучения
2) Противоположности: они действительно привлекают?
Да, противоположные цвета действительно привлекают, и в отличие от пары, у которой нет ничего общего, у противоположных цветов гораздо больше шансов заставить вещи работать в долгосрочной перспективе. Теория цветовых противоположностей основана на идее, что цвет, находящийся на одной стороне колеса, будет вызывать визуальный интерес в сочетании с цветом, находящимся прямо напротив него на цветовом круге.
Альтернативное название этой схемы — «дополнительная цветовая схема» , и вы можете думать об этом как об одном цвете, компенсирующем то, чего не хватает другому цвету, потому что они дополняют друг друга.
См. Этот пример:
.
Использует : Из-за оппозиции эта схема создает очень контрастный и яркий эффект, который отлично подходит для энергичной презентации. Дизайнеры электронного обучения часто используют основной цвет для фона слайда и используют противоположный цвет для выделения определенных областей, таких как интерактивные элементы или важные сообщения.
Недостаток и как это исправить : Эти комбинации иногда могут быть слишком громкими и раздражающими для некоторых дизайнов. Чтобы смягчить это, попробуйте комбинировать цвета, которые являются оттенком или оттенком исходных цветов.
Почти дополнительные цвета : Еще один способ сохранить большую часть того же яркого контраста, но без резких или чрезмерно диссонирующих элементов, — это выбрать почти дополнительные цвета. Это цвета, которые не , а напротив друг друга, а цвет, который находится рядом с противоположным.Например, вместо сочетания красного и зеленого вы можете сочетать красный и синий или зеленый и оранжевый. Подумайте об этих примерах, и вы, вероятно, сможете представить себе многие вещи, в которых используются эти цветовые комбинации.
3) Аналогичные цвета: Цвет по соседству
Аналогичные цвета похожи на то, когда собираются мальчик и девочка по соседству. Это цвета, которые живут рядом друг с другом, поэтому есть некоторый контраст, но не такая резкая разница, как у цветов, живущих на противоположных сторонах страны.
См. Этот пример:
Использует : из-за своего сходства эти цвета выглядят настолько сбалансированными и равномерно подобранными, что они не просто соседские мальчишки и девчонки, они также являются футбольным капитаном и старшим чирлидером, танцующим на выпускном вечере. Они хорошо сочетаются друг с другом, у них одни и те же друзья, они могут полностью зависнуть на странице и выглядеть безупречно.
Чтобы правильно использовать эту схему, выберите доминирующий цвет, такой как красный, вспомогательный цвет, например красно-оранжевый, и третий, например, красно-фиолетовый, который будет действовать как причудливый помощник, который дает короткие, своевременные шутки или акценты.
Недостаток и как это исправить : Аналогичные цветовые схемы имеют ту же проблему, что и монохромные, в том, что они могут надоесть из-за слишком большого сходства. Чтобы разбить это, выберите цвета, которые не слишком похожи на и . Чем больше уровней и сложности у вашего цветового круга, тем больше у вас шансов выбрать цвета, которые слишком близки друг к другу, поэтому часто лучше выбирать из более простого 12-шагового колеса. Вы также можете использовать четвертый аналогичный цвет, создавая большую разницу между первым и последним вариантами.Также можно использовать белые и черные акценты.
Также прочтите: 6 основных принципов графического дизайна, которые помогут разработать курс электронного обучения
4) Триада: они бывают тройками
Триадные цветовые схемы возникают, когда королева выпускного бала влюбляется в причудливого друга, все еще встречаясь с капитаном футбольной команды, образуя любовный треугольник, который все дальше и дальше толкает их друг к другу на цветовом круге.
Хорошо, не совсем, но речь идет о трех цветах, равномерно распределенных на цветовом круге, что в значительной степени одно и то же.Более конкретно, в цветовом круге из 12 шагов это означает три цвета, которые находятся на расстоянии 120 градусов друг от друга, их точки образуют равносторонний треугольник.
Использует : Это равномерное расстояние создает баланс гармонии и контраста, который лучше всего использовать, выбирая доминирующий цвет и используя два других в качестве акцентов. Даже использование бледных или тонированных версий этих схем все равно будет представлять некоторый визуальный интерес.
Недостаток и как это исправить : У триадической цветовой схемы действительно нет недостатка, хотя вам все равно нужно следить за тем, чтобы ваши цвета не конкурировали друг с другом в непривлекательной форме.Если вы хотите, чтобы ваш общий дизайн выглядел мягче, используйте менее насыщенные цвета.
При проектировании помните об этих теориях и своем цветовом круге, чтобы сосредоточиться. Наличие отправной точки, такой как единая цветовая схема, может помочь вам принимать правильные практические дизайнерские решения при создании ваших курсов и сократить время, которое вы тратите, пытаясь выяснить нематериальное «есть что-то, что не выглядит правильным на этой странице.