Как получить желтый цвет при смешивании rgb

Смешать два цвета

Инструмент для смешивания цветов: позволяет смешать два произвольных цвета и получить результат в HEX формате. Применяется не только в WEB-строительстве и дизайне, но и в других различных сферах: в искусстве, строительстве и т.д.
Чтобы получить смешанные цвета, задайте значения двух цветов, которые хотите смешать (миксировать цвета): сначала выберите первый цвет (верхнее поле), найдите в палитре его цвет или задайте вручную, затем выберите второй цвет для смешивания (нижнее поле) — выберите в палитре или задайте вручную. Палитру всех цветов (значения RGB и HEX) смотрите по ссылке. Нажмите кнопку «Смешать цвета» для получения смешанного цвета.

Таблица основных смешанных цветов

Developed by SEO-ZONA

Метки web-инструмента: какие цвета смешать получить смешанные цвета нужно смешать цвета как смешать цвета какие цвета нужно смешать смешанные цвета перемешать палитру смешать краски смешать цвет color mixing

Как получить желтый цвет – основные цвета, получение чисто желтого цвета и его оттенков

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

Естественные цвета – виды, особенности

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

Однако прежде чем начать эксперименты, необходимо усвоить, что в природе есть 3 базовых неизменных цвета – это:

• Красный.
• Синий.
• Желтый.

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

Чисто желтый

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

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

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

Оттенки желтого

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

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

• Кислотный.

Оттенок имеет насыщенную яркость. Из-за этого он также называется лимонным или едким. Алгоритм создания такой:

1. Изначально краска разбавляется белящим составом – для просветления.
2. Далее в него добавляется капля зеленого.
3. После смесь тщательно перемешивается.

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

• Золотистый.

Инструкция получения следующая:

1. В идеале подбирается краска со слегка перламутровым оттенком.
2. В базовый состав добавляется капля красной или коричневой краски.
3. Смесь доводится до однородного состояния.

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

• Темно-желтый.

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

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

1. Желто-оранжевый – красный.
2. Оливковый – грязновато зеленый.
3. Бежевый – коричневый и белый.
4. Терракотовый – коричневый и оранжевый.

Видео описание

Видео о том, как изменить цвет лакокрасочного материала:

Коротко о главном

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

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

1. Кислотный.
2. Золотистый.
3. Темно-желтый и другие.

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

Смешивание цветов – лучшие таблицы, схемы, пропорции

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

Общая схема смешивания цветов

Существует три основных цвета:

• красный,
• синий
• желтый.

И три дополнительных цвета, полученных в результате смешивания основных цветов:

• фиолетовый
• оранжевый
• зеленый

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

схема образования цветового круга

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

Как на практике происходит смешивание цветов демонстрирует следующее видео:

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

Схема смешивания цветов в разных пропорциях. Источник

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

Осветление красок с помощью белого цвета

Черный, чтобы сделать цвета темнее. В случае таких красок, как гуашь и акрил, сделать их более «землистыми»

Затемнение красок с помощью черного цвета

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

Цвет	Требующийся цвет	Основной цвет + Инструкция по смешиванию
Как получить розовый	Белый + добавить немного красного
Как получить каштановый	Красный + добавить чёрный
Как получить королевский красный	Красный +добавить голубой
Как получить оранжево-красный	Базовый красный + белый для осветления, жёлтый, чтобы получить оранжево-красный
Как получить оранжевый	Жёлтый + добавить красный
Как получить золотой	Жёлтый + капля красного или коричневого
Как получить разные оттенки жёлтого	Базовый жёлтый + белый для осветления, красный или коричневый для получения тёмного оттенка
Как получить бледно-зелёный	Жёлтый + добавить синий / чёрный для глубины
Как получить травянисто-зелёный	Жёлтый + добавить синий в одинаковых пропорциях
Как получить бутылочно-зеленый	Желтый + добавить больше синего
Как получить хвойный	Зеленый + добавить желтый и черный
Как получить бирюзово-синий	Синий + добавить немного зелёного
Как получить бело-синий	Белый + добавить синий
Как получить веджвуд-синий	Белый + добавить синий и каплю чёрного
Как получить королевский синий	Синий + добавить чёрный и каплю зелёного
Как получить тёмно-синий	Синий + добавить чёрный и каплю зелёного
Как получить серый	Белый + добавить немного чёрного
Получить перламутрово-серый	Белый + добавить чёрный, немного синего
Как получить средний коричневый	Жёлтый + добавить красный и синий, белый для осветления, чёрный для тёмного.
Как получить красно-коричневый	Красный и жёлтый + добавить синий и белый для осветления
Как получить золотисто-коричневый	Жёлтый + добавить красный, синий, белый. Больше жёлтого для контрастности
Как получить горчичный	Жёлтый + добавить красный, чёрный и немного зелёного
Как получить бежевый	Взять коричневый и постепенно добавлять белый до получения бежевого цвета. Добавлять жёлтый для яркости.
Как получить не совсем белый	Белый + добавить коричневый или чёрный
Как получить розово-серый	Белый + капля красного или чёрного
Как получить серо-голубой	Белый + добавить светло-серый плюс капля синего
Как получить зелёно-серый	Белый + добавить светло-серый плюс капля базового зелёного
Как получить серый уголь	Белый + добавить чёрный
Как получить лимонно-жёлтый	Базовый жёлтый + добавить белый, немного зелёного
Как получить светло-коричневый	Жёлтый + добавить белый, чёрный, базовый коричневый
Как получить цвет зелёного папоротника	Белый + добавить базовый зелёный, чёрный и белый
Как получить цвет лесной зелени	Базовый зелёный + добавить чёрный
Как получить изумрудно-зелёный	Жёлтый + добавить базовый зелёный и белый
Как получить салатовый	Жёлтый + добавить белый и базовый зелёный
Как получить цвет морской волны	Белый + добавить зелёный и чёрный
Как получить авокадо	Желтый + добавить коричневый и чёрный
Как получить королевский пурпурный	Красный + добавить синий и жёлтый
Как получить тёмно-пурпурный	Красный + добавить синий и чёрный
Как получить томатно-красный	Базовый красный + добавить жёлтый и коричневый
Как получить мандарин, оранжевый	Жёлтый + добавить красный и коричневый
Как получить рыжевато-каштановый	Красный + добавить базовый коричневый и чёрный
Как получить оранжевый	Красный + Желтый, для того чтобы сделать светлее или темнее, добавляйте белый или коричневый
Как получить цвет красного бургундского	Базовый красный + добавить коричневый, чёрный и жёлтый
Как получить малиновый	Синий + добавить белый, красный и коричневый
Как получить сливовый	Красный + добавить белый, синий и чёрный
Как получить светло-каштановый	Жёлтый + красный, чёрный и белый
Как получить цвет мёда (медовый)	Белый, жёлтый и тёмно-коричневый
Как получить тёмно-коричневый	Жёлтый + красный, чёрный и белый
Как получить медно-серый	Чёрный + добавить белый и красный
Как получить цвет яичной скорлупы	Белый + жёлтый, немного коричневого
Как получить чёрный	синий + бордовый + коричневый

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

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

ЧИТАЙТЕ ТАКЖЕ

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

Как получить коричневый цвет

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

Рассмотрим несколько способов.

1 способ. Из основных цветов

Смешайте три главных цвета (красный, синий, желтый) в равных пропорциях. Получится коричневый «материнский цвет».

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

Такой подход отлично демонстрирует следующая схема от Джули Дуэл

Как получить коричневый из главных цветов

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

2 способ. Из дополнительных цветов

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

• Желтый + Фиолетовый = Коричневый
• Голубой + Оранжевый = Коричневый
• Красный + Зеленый = Коричневый

Пример можно увидеть на следующей схеме.

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

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

Цвет	Название	Цвета для смешивания + примерные пропорции
Коричневый	Зеленый + Красный (1:1)
Рыжевато-коричневый	Синий + Оранжевый (1:1)
Рыжевато-коричневый	Серый + Оранжевый (1:1)
Желтовато-коричневый	Желтый + Фиолетовый (0,8:1)
Красно-коричневый (каштановый)	Красный+Желтый+Синий (2:2:0,5)
Шоколадный	Оранжевый + Черный (1:2)
Рыже-коричневый	Зеленый + Фиолетовый + Оранжевый (1:0,8:1)

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

ЧИТАЙТЕ ТАКЖЕ

Онлайн-тест — какого цвета твой характер Ответьте на несколько вопросов и узнайте больше о своем характере по цветотипу.

Как получить фиолетовый цвет

Фиолетовый цвет часто используется в таких направлениях как:

• Ночные пейзажи
• Изображения в силе киберпанк
• Научные, фантастические и футуристические изображения

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

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

Цвет	Название	Цвета для смешивания + примерные пропорции
Базовый фиолетовый	Красный + Синий (1:1)
Сиреневый, лавандовый	Базовый фиолетовый + Белый (1:1)
Темно-фиолетовый	Базовый фиолетовый + Черный (1:0,5)
Пурпурный	Красный + Желтый + Синий (1:0,5:1)
Красно-фиолетовый	Базовый фиолетовый + Красный (1:1)
Сливовый	Базовый фиолетовый + Красный + Черный (1:0,5:0,5)
Лиловый	Красный + Синий + Белый (1:1:1)

Как получить красивый фиолетовый цвет из разных красок расскажет следующее видео

ЧИТАЙТЕ ТАКЖЕ

Правило трех цветов — 60/30/10 Узнайте больше о том, как правильно подбирать цвета для своих проектов

Как получить зеленый цвет

Зеленый – пожалуй самый важный в пейзажной живописи цвет.

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

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

Цвет	Название	Цвета для смешивания + примерные пропорции
Базовый зеленый (травянистый)	Желтый + Синий (1:1)
Оливковый	Желтый + Черный (3:2)
Светло-зеленый	Базовый зеленый + Белый (1:0,5)
Бирюзово-зеленый	Базовый зеленый + Синий + Белый при необходимости (1:1:1)
Бутылочно-зеленый	Синий + Желтый (1:1,5) + добавить черный после смешивания первых двух цветов.
Хвойный	Базовый зеленый + Немного желтого + Немного черного
Цвет зеленого папоротника	Базовый зеленый + Белый +Черный
Изумрудный	К базовому зеленому добавьте немного Желтого и Белого
Салатовый	Большое количество желтого + капелька темно-синего. Примерная пропорция 6:1
Мятный	Базовый зеленый + Немного желтого + Белый до нужного эффекта.
Цвет морской волны	Синий + Желтый + Белый (2:0,5:1)

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

ЧИТАЙТЕ ТАКЖЕ

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

Как получить оранжевый цвет

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

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

Что наглядно демонстрирует следующая таблица смешивания цветов.

Цвет	Название	Цвета для смешивания + примерные пропорции
Оранжевый	Красный + Желтый (1:1)
Светло-оранжевый, персиковый	Красный +Белый + Желтый (1:2:1)
Терракотовый	Красный + Желтый + Фиолетовый (1:1:0,5)
Темно-оранжевый	Красный + Желтый + Черный (1+1+0,5)
Рыжий	Красный + Желтый + Коричневый (1:1:1)

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

Смешивание цветов онлайн

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

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

Сервис позволяет смешать от 1 до 4 оттенков. Для каждого из цветов, в то числе полученного указаны коды по системам HEX, RGB, HSL и CMYK. Пропорции цветов берутся одинаковые.

Пример смешивания цветов онлайн

Данный сервис помогает смешать до 10 цветов и задать пропорции смешивания, что очень удобно! Результат также представляется вместе с кодами в системах RGB и HEX.

Пример смешивания цветов онлайн

Заключение

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

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

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

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях

и мы обязательно опубликуем для вас еще больше полезных уроков и бесплатных ресурсов!

Цвет для чайников. Обширное руководство для начинающих ⁠ ⁠

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

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

1. Немного теории, для понимания основ.

Дисперсия света

Исаак Ньютон один из первых кто смог разложить белый солнечный свет на цветовой спектр — позднее это назвали “Дисперсией света”.

Опыт заключался в следующем: он пропускал солнечный свет через призму. В ней луч света расслаивался на цвета и выводился на экран.

Обложка альбома группы Pink Floyd “Dark Side of the Moon», отображающая дисперсию света.

Цвета которые выводились называются спектральными или проще — чистые цвета. Это красный, оранжевый, желтый, зеленый, синий и фиолетовый.

Если все эти цвета пропустить обратно через собирательную призму, то мы опять получим белый цвет.

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

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

(красный + оранжевый + желтый) + (зеленый + синий + фиолетовый) = белый

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

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

Пример: Если мы удалим из спектра один цвет, к примеру красный и с помощью линзы соберем оставшееся цвета: оранжевый + жёлтый + зеленый + синий + фиолетовый, то результатом у нас будет зеленыйцвет. Потому что зеленый является дополнительным цветом по отношению к удалённому нами красному. Почему именно такие соотношения “зеленый — красный” расписано ниже.

Вычитаемые цвета

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

Поглощаемые в физическом эксперименте цвета называются такжевычитаемыми.

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

Тон / Hue — это то, что мы имеем в виду, говоря «цвет». Синий, красный, зеленый, оранжевый, фиолетовый и тд.

Насыщенность / Saturation — параметр цвета, характеризующий степень чистоты цветового тона.

Яркость / Brightness — обозначает степень отличия цвета от белого или черного.

Что такое RGB, CMYK, HEX и чем они отличаются

RGB (Red, Green, Blue) — аддитивная (сложение) цветовая модель. Основные цвета которой красный, зеленый и синий. Это значит, что при сложении всех цветов у нас получится белый. Такая модель используется во всех электронных устройствах. Записывается в виде: rgb(0,0,0), каждый из цветов может варьироваться от 0 до 255 включительно, где (0,0,0) — черный цвет, (255,255,255) — белый. Дополнительно может добавляться четвертый параметр — аlpha канал, который означает насколько прозрачен цвет. Alpha канал может принимать значения от 0 до 1, к примеру rgba(31,104,2, 0.8).

HEX — это RGB в шестнадцатеричной системе. Выглядит таким образом #102945, первые две цифры отвечают за красный цвет, вторые за зеленый и третьи за синий. Каждый символ может принимать значения: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. Где #000000 — черный цвет, а #ffffff — белый.

CMYK (Cyan, Magenta, Yellow, Key color) — субтрактивная (вычитание) схема формирования цвета. Состоит из голубого, пурпурного, жёлтого и ключевого — черного цвета. Эта модель используется в полиграфии при цветной печати. Бумага, как и все материалы, отражает свет, поэтому считают, какое количество света отразилось от поверхности. Несмотря на то, что чёрный цвет можно получать смешением в равной пропорции пурпурного, голубого и жёлтого красителей, по ряду причин (чистота цвета, переувлажнение бумаги, стоимость и др.) такой подход неудовлетворителен, поэтому используют отдельно черный цвет.

Почему мы видим цвета такими?

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

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

2. Как мы воспринимаем цвета. Психология цвета

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

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

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

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

3. Цветовая гармония

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

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

Цветовой круг по Иоханнесу Иттену (1961)

Композиционные схемы

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

4. Цветовой контраст

Существует семь типов цветовых контрастов:

1. Контраст по тону.

2. Контраст светлого и тёмного.

3. Контраст холодных(синий, фиолетовый) и тёплых(оранжевый, красный, желтый) цветов.

(Зеленый цвет может относится и к теплым и к холодным цветам, в зависимости от того,

какого цвета в нем больше, желтого или синего).

4. Контраст дополнительных цветов (противоположные в круге Иттена).

5. Симультанный контраст — это создание иллюзии дополнительного цвета на соседнем

6. Контраст цветового насыщения (один цвет: яркий, а второй блеклый).

7. Контраст количества цвета по соотношению к другому цвету.

5. Как составить свою палитру цветов

Ниже описан лайфхак по выбору цвета от Лауры Элизабет. Всю статью можно прочитать тут.

Выбор основного цвета

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

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

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

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

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

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

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

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

Далее перейдите на сайт Dribbble или Designspiration и нажмите на “Colors”, перед вами появится палитра цветов.

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

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

Создание палитры

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

1. Основной цвет (его мы уже выбрали)

2. Цветовой акцент (мы вернёмся к этому чуть позже)

3. Белый (нейтральный)

4. Темно-серый (нейтральный)

5. Светло-серый (нейтральный, необязательно)

Как найти цветовой акцент

Перейдите на сайт Paletton, введите свой цвет в специальное поле (внизу слева). И выберете одну из цветовых схем. Если вам совершенно не нравится, что получается, можете нажать на кнопку “randomize” и выбрать другие похожие оттенки.

Как найти серые оттенки

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

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

1. Создайте две формы и залейте их #424242 и #fafafa .

2. Создайте слой-заливку поверх этих двух фигур.

3. Измените её цвет на основной цвет.

4. Установите режим смешивания на “Overlay”, а непрозрачность установите

в промежутке от 5 до 40% .

5. Откройте палитру и скопируйте получившиеся значения.

Цветовая схема готова!

Как применять цветовую схему

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

Основной цвет используется как на больших фигурах, так и на иконках.

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

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

Белый и светло серый цвета используются как фон.

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

Полезные ссылки

815 постов 12.4K подписчика

Правила сообщества

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

Вставить свои 5 копеек. Если будет своя альтернативная точка зрения или совет по какой-то теме, то это приветствуется.

1. Публиковать сообщения, картинки, не соответствующие тематике;

2. Размещать ссылки рекламного характера;

3. Перегибать палку;

Если оступился:

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

с детства мы знаем дисперсию света — скажем спасибо пинкФлойду за это!

Здравствуйте, очень приятно видеть тут свою статью. Только автора зовут не Андрей, а Антон Гук.

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

Долой классику! Топ-7 необычных обручальных колец⁠ ⁠

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

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

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

Крадущийся тигр, затаившийся дракон

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

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

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

А когда будет техно?

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

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

Любовь в промышленном городе

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

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

Переплетение судеб в узорах вологодского кружева

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

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

На зависть внукам

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

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

Таинственные гады

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

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

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

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

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

Кольца с черепами

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

Кольца с поверхностью пробки

Брак — как вино, с годами приобретает объемные оттенки и новый вкус. Эти обручальные кольца с узором отшлифованной пробки «откупорили» любовь наших клиентов, как бутылку хорошего вина.

Кольца с эффектом мятого металла

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

Кольца с кожей змеи

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

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

Улю-лю-лю-лю !! Кольца индейцев Майя

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

Обручальные кольца Оригами

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

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

Технократия

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

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

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё⁠ ⁠

Расскажу, что нового появилось на моём проекте Gradients.app. Он про работу с цветом, палитрами и градиентами. 1 пост и 2 пост по проекту.

Color picker или инструмент пипетка

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

Средний цвет изображения

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

Конвертер цветов

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

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

Краткая информация о цвете

https://gradients.app/ru/color/4929b4 в конце ссылки стоит hex код, можно сразу вписывать ссылку в адресную троку или менять на страницу. Ниже скриншоты страницы.

В первой части разные системы цветов и температура цвета.

Небольшое количество оттенков выбранного цвета. Светлые, тёмные и серые.

Цветовые сочетания (цветовой круг) и контрасты с разными цветам

Из новинок это всё.

Очень хочется узнать ваше мнение, что хорошо, а что неудобно и плохо.

Если будет интересно, сделаю пост про внутрянку проекта, разные статисти и метрики, как развивался и т.д.

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

Большое спасибо!

Приглашение на свадьбу⁠ ⁠

Польза для глаз: индикаторы какого цвета лучше видно⁠ ⁠

Многие автомобилисты, разменявшие пятый десяток лет, относятся к своему прошлому с понятной ностальгией. И немалую часть этого щемящего чувства занимают их первые машины. Долго распространяться на тему сравнения авто 1970-1990-х годов и нынешних не будем, но тему «уюта» затронем, и вот почему.

Подсветка приборной панели

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

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

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

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

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

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

Применение в дизайне

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

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

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

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

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

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

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

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

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