Сколько основных оттенков содержит серый цвет: Серый цвет в интерьере фото

Содержание

Серый цвет в интерьере фото

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

Неоднозначности серого

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

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

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

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

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

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

Чистый серый

Французский серый (ведет свое происхождение от картин в серых тонах (гризайлей) и панорамных обоев Жана Зубера (начало XIX века), прорисованных серой краской)

Светло-серый

Перламутровый

Гридеперлевый

Серо-зелёный чай

Цвет бороды Абдель-Керима

Серебряный (серебристый) — металлический цвет

Стальной

Свинцовый

Угольный

Кварцевый

Грифельный

Маренго

Мышиный

Антрацитовый

Цвет серого шифера

Мокрый асфальт

Сизый цвет — он же графитовый. Тёмно-серый цвет с синевато-белёсым отливом.

Фельдграу (нем. feldgrau, серо-полевой) — основной цвет полевой формы германской армии с 1907 и, в основном, до 1945 года. Фельдграу представляет собой спектр оттенков цветов от серого до коричневого. В классическом понимании фельдграу — серый цвет с преобладанием зелёного пигмента

Цвет лягушки в обмороке

Цвет серой спаржи

Серый цвет в интерьере

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

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

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

Статья написана по книге Литрис Айсмен «Дао цвета».

Другие полезные статьи о ремонте в доме:

https://remont2x2. ru/choice-materials/dizaynerskie-svetilniki.htm

https://remont2x2.ru/blog/remont/zamena-teploschetchika-v-kvartire.html

Серый Цвет в науках и природе – HiSoUR История культуры

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

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

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

В науках, природе и технологии

Грозовые тучи
Белизна или темнота облаков зависит от их глубины. Маленькие, пушистые белые облака летом выглядят белыми, потому что солнечный свет рассеивается крошечными каплями воды, которые они содержат, и этот белый свет проникает в глаз зрителя. Однако, когда облака становятся больше и толще, белый свет не может проникать сквозь облако и отражается от вершины. Облака выглядят самыми темными серыми во время грозы, когда они могут достигать высоты от 20 000 до 30 000 футов.

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

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

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

 Для некоторых людей распад приходит в двадцатые годы; для других, много лет спустя. Согласно сайту журнала Scientific American, «вообще говоря, среди кавказцев 50 процентов составляют 50 процентов серых к 50 годам». Взрослые мужские гориллы также развивают серебряные волосы, но только на спине, см. Физические характеристики горилл.

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

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

При печати серый цвет обычно получается с цветовой моделью CMYK, используя голубой, пурпурный, желтый и черный. Серый производится либо с использованием черного, либо белого цвета, либо путем объединения равных количеств голубого, пурпурного и желтого. У большинства седых есть холодный или теплый прилив, поскольку человеческий глаз может обнаружить даже небольшое количество насыщенности цвета. Желтый, оранжевый и красный создают «теплый серый». Зеленый, синий и фиолетовый создают «холодный серый». Когда цвет не добавляется, цвет «нейтральный серый», «ахроматический серый» или просто «серый». Изображения, состоящие целиком из черного, белого и серого, называются монохромными, черно-белыми или серыми.

Теплый серыйХолодный серый
Смешанный с 6% желтым.Смешанный с 6% синим.

Модель RGB
Серые значения возникают, когда r = g = b, для цвета (r, g, b)
Модель CMYK
Значения серого вырабатываются c = m = y = 0 для цвета (c, m, y, k).

 Легкость регулируется путем изменения k.Теоретически любая смесь, где c = m = y, является нейтральной, но на практике такие смеси часто являются грязно-коричневыми (см. Обсуждение на эту тему).

Модель HSL и HSV
Ахроматические серые оттенки не имеют оттенка, поэтому код h помечен как «неопределенный» с помощью тире: -; grays также возникает, когда s равно 0 или неопределенному, как в случае, когда v равно 0 или l равно 0 или 1

Название цвета HTMLОбразецШестнадцатеричный триплет
(отображается по имени)(визуализируется шестнадцатеричным триплетом)
Gainsboro#DCDCDC
светло-серый# D3D3D3
Серебряный# C0C0C0
темно-серый# A9A9A9
серый# 808080
dimgray# 696969
lightslategray# 77 8899
шифер серый# 70 8090
darkslategray# 2F 4F4F

Веб-цвета
Существует несколько оттенков серого, доступных для использования с HTML и каскадными таблицами стилей (CSS) как именованные цвета, тогда как 254 истинных серого доступны по спецификации шестнадцатеричного триплета для значения RGB.  Все они написаны серым цветом, использование орфографического серого может привести к ошибкам. Это правописание было унаследовано из списка цветов X11. Обозреватель Internet Explorer Trident не распознает серый цвет и делает его зеленым. Другая аномалия в том, что серый на самом деле намного темнее, чем цвет X11, отмеченный темным огнем; это происходит из-за конфликта с оригинальным серым цветом и серого X11, который ближе к серебру HTML. Три цвета slategray не относятся к оттенкам серого, но слегка насыщены в сторону голубого (зеленый + синий). Так как есть четное (256, в том числе черно-белое) количество ненасыщенных тонов серого, есть два серых тона, расположенных в средней точке в 8-битной шкале оттенков серого. Названию цвета серый присваивается светлее двух оттенков (128, также известный как # 808080) из-за округления.

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

В начале 19-го века на рынке появился новый серый, серый Пейн. Серый Пейн темно-сине-серый, смесь ультрамарина и черного или ультрамарина и Сиены. Он назван в честь Уильяма Пейна, британского художника, который рисовал акварели в конце 18 века. Первое записанное использование серых Пейна в качестве названия цвета на английском языке было в 1835 году.

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

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

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

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

8 оригинальных оттенков серого цвета в интерьере

Этой осенью компания красок Little Greene представила на выставке Decorex в Лондоне новую палитру Grey, в которую вошло 28 различных оттенков серого. Это событие вызвало немалый резонанс и привлекло новый виток популярности серому цвету в интерьере. В палитре четыре основных тона и по семь градаций каждого: от светлых, почти белых, до сине-черных и коричневатых оттенков: Wood Ash («Зола»), Rubine Ashes («Рубиновый пепел»), Cool Arbour («Прохладная беседка из зелени»), Toad («Жаба») и др.

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

1

Серо-коричневый


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

3

2

Серо-белый


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

3

Серо-черный


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

4

4

Серо-желтый


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

2

5

Серо-фиолетовый


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

6

Серо-синий


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

1

7

Серо-зеленый


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

3

1

8

Серо-розовый


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

1

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

                         Автор

               автор

Дизайнер интерьеров

Символика серого цвета

Серый цвет — это ахроматический цвет, точнее — множество всех цветов, получаемых путём совмещения трёх основных цветов — красного, зелёного и синего — в равных концентрациях. В зависимости от яркости оттенок серого меняется от чёрного (яркость 0 %) до белого (яркость 100 %). Это особенно заметно в формате CMYK, в котором первые три числа всегда 0, а последнее меняется от 0 до максимального значения. (Википедия)

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

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

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

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

В результате строгого соблюдения этого принципа многие художники рисовали легкой тушью, разбавленной водой до почти незаметной серой дымки. Говорят, что, например, выдающийся художник периода Сун Ли Чэнь, «берег тушь, как если бы это была его собственная жизнь». Живопись тушью, представляемая этими мастерами, традиционно известна как «загадочно туманная живопись». Согласно свидетельствам его современников, Лао Юнь обычно рисовал таким образом, что все пространство было скрыто за тусклой дымкой; чувствовалось, что там что-то есть, но невозможно было сказать, что именно.

Это совершенно соответствовало духу даосизма, который вместе с дзен оказал значительное влияние на развитие живописи тушью. Работа Лао Юня — это не что иное, как изобразительное представление Пути (дао) как он описывается Лао-цзы. В «Дао дэ цзин» мы читаем:

Даже если мы попытаемся увидеть Путь, то увидеть его нельзя. В этом отношении его можно описать как «смутный и бесформенный». Даже если мы попытаемся услышать Путь, то услышать его нельзя. В этом отношении его можно описать как «неслышимо невнятный». Даже если мы попытаемся ухватить его, то прикоснуться к нему нельзя. В этом отношении его можно описать как «предельно малый». В этих трех аспектах Путь неизмерим. И эти три аспекта сливаются в один. (То есть Путь может быть представлен лишь как смутное, туманное, неизмеримое Одно). Путь абсолютно неясный, абсолютно смутный. Абсолютно неясный, абсолютно смутный и все, же посреди него есть (невнятный и неясный) знак (знак Нечто). Абсолютно смутное, абсолютно неясное, и все же там есть Нечто.

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

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

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

Интересные результаты дало тестирование 1900 молодых мужчин во время отборочных экзаменов на замещение вакантных должностей. До экзамена чисто серый цвет в качестве любимого выбирали только 5% испытуемых. После экзамена (в любом случае это действие сопровождается стрессами разной степени тяжести) на первое место серый цвет поставили почти 27% опрошенных.

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

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

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

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

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

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

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

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

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

В хроматической модели интеллекта серый проявляет творческие черты общемирового подсознания. Временной аспект этого сублимата — настоящее.(astromag.at.ua)

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

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

Серый цвет соответствует тональности грусти, тревоги, смутной мечтательности.

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

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

Цветовые координаты
HEX #858585
RGB (133, 133, 133)
CMYK (0, 0, 0, 48)
HSV (67°, 0%, 52%)Оттенки

Серебряный Серый
Сизый Фельдграу


Пословицы и поговорки
Белый лебедь серому гусю не товарищ.
В темноте все кошки серы.
В чёрном доме своём — хан, в сером доме своём — богдо.
Вали на серого — серый все свезет.
Вороной да серый мужику не ко двору.
Ему серая не ко двору приходится.
Есть в нем серой шерсти клок.
И серо, да носко.
И серо, да сбойливо.
Коза бела, коза сера, а все дух один.
Мыло серо, да моет бело.
Не все, что серо,- волк; и космато, да не медведь.
Не умела родить ребенка, корми серого котенка.
Попу — куницу, дьякону — лисицу, пономарю-горюну — серого зайка, а просвирне-хлопушке — заячьи ушки.
Рад Епифан, что нажил серый кафтан.
Свитка сера, да воля своя.
Сер волк, сед волк, а все ему волчья честь.
Сер козел, сед козел, а все псиной несет.
Сер мужичок, да сердит на работу.
Сера утица — охота моя, красна девица — зазнобушка моя.
Сера, что свинья, а зла, что змея.
Серее волка на четверть.
Серенькое утро — красненький денек.
Серо, серо, да волюшка своя.
Серого помянули, а серый здесь.
Серое сукно тянется в окно.
Серый козленок тоскует по матери, а отцовский сын — по родине.
Соболь да куница бежит да дрожит, а серая овечка лежит да пышет.
У серого армяка казна толста (а синий армяк мот).
Уточки серые, девушки сенные, жучки в епанечках.
Через улицу серой утицей, через сад перепелкою, через широк двор красным кочетом, а в высок терем добрым молодцем.
Что серо, то и волк.

Песни
Bon Jovi — Touch Of Grey

Александр Панайотов — Серые глаза

Александр Розенбаум — Сон в руку

ВИА Гра — Бомба

Винтаж — А За Окном Серый Дождь

Владимир Высоцкий — Песня О Двух Красивых Автомобилях

Детские песни — Два веселых гуся

Детские песни — Жил-был у бабушки серенький козлик

Звуки МУ — Серый голубь

Кино — Звезда по имени Солнце

Линда — Ангелы

Машина времени — Звезды не ездят в метро

Наталья Королева — Серые глаза

Черный Обелиск — Серый святой

Эпидемия — Жизнь В Сумерках

* * *
(Александр Конопля)
Серое утро мне глянуло в душу
Серым киоском, аптекою серой.
Ветер куда-то бежал непослушный
Серыми крышами, брошенным сеном.

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

Серые ветки, глотнув вдохновенья,
Чуть колыхались у серых окошек.
И, восхищаясь весенним броженьем,
Чья-то мурлыкала серая кошка.

Серый день
(Д.Мережковский)
Как этот серый день и нежен, и отраден!
К нам, детям страждущим своим, как мать, полна
Природа жалостью. И ветерок прохладен,
И все смиренная объемлет тишина.

Как благодарен я и как доволен малым!
Не надо солнца нам: милей, чем яркий луч,
Уютный полумрак – очам моим усталым —
И темных хвойных игл, и теплых серых туч.

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

Серебряное
(Уолтер де Ла Map)
В туфлях серебряных месяц нарядный
Ходит и ходит в ночи непроглядной;
Чуть он задержит серебряный взгляд —
Сад серебрится и вишни горят,
Жмурятся окна от лунного блеска,
И серебрится в лучах занавеска;
Пес безмятежно в своей конуре
Спит и не знает, что он в серебре;
Луч в голубятне, и снится голубке
Сон о серебряноперьевой шубке;
Мышка бежит — в серебре коготки
И серебром отливают зрачки;
И, неподвижна в протоке лучистой,
Рыба горит чешуей серебристой. Серый цвет
(Мари О’Нейл)
Серый слон
И серая мышь,
Заброшенный дом,
Туман,
Дым.
Тучи — серые,
Пыль и моль,
Пепел,
Крот,
Головная боль.

Мрамор — серый
И полумрак,
Старые юбки,
Трубки,
Табак —

Сор и ссоры,
Ночные воры,
Зола
И сухая ботва
На грядках…

В серых замшевых перчатках
Выползает из угла
Скука Серая.

Серый цвет
(Ирина Зяблева) 1
Вода бесцветна, цвета не имеет
И воздух (если прямо, а не вверх
Смотреть), но вот что странно и нелепо:
Объединясь, бесцветность и бесцветность
Дают густой, ужасный серый цвет.
Какой-то вязкий, липкий и простудный,
Оттенок этот вызывает зев
И тяжкую угрюмую сонливость.
Крысиный цвет, цвет флага пофигизма,
Вселенной, обленившейся насквозь,
Цвет бьющего в висок свинца кастета,
Цвет камня на груди на дне реки,
Такой же мутной и такой же серой.
Цвет пепла на пожарище и цвет
Сгоревших писем, прерванного смеха,
Цвет грязи, пустословия, молчанья
(Когда замалчивают), цвет неврастении
И, кстати, человеческих мозгов.
2
Но серый есть смешение цветов,
И в серых мыслях блик тоски зеленой,
И черной зависти, и розовой надежды,
И гнева, что заката багровее.
3
Но серый—цвет дорожного плаща
И мягкой пыли под босой ногой,
И цвет в золе пекущейся картошки,
Предутренних туманов над водой,
Звенящего клинка, соленых талей,
И питерского неба, и Невы,
И замка на скале. Цвет путешествий.
Цвет Серых Рыцарей и Серых Кардиналов…

Как правильно использовать цвета в UI-дизайне

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

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

 

Базово о цветах

Сначала разберемся с терминами, которые относятся к теории цвета.

Вот основные:

Тон (hue): какого цвета объект (например, красный или синий).

Хроматичность (chroma): есть ли примеси белого или черного.

Насыщенность (saturation): как сильно цвет выражен.

Яркость (value): насколько цвет темный или светлый.

Тональность (tone): сколько серого добавили к чистому цвету.

Тень (shade): сколько черного добавили к чистому цвету.

Оттенок (tint): сколько белого добавили к чистому цвету.

Теперь к истории.

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


Цветовой круг Ньютона из книги «Оптика» 1704 года. Источник: wikipedia.org

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


Цветовой круг Иттена. Источник: doodleandsketch.com

Как работает цветовой круг

В базовый цветовой круг входит 12 цветов:

основные (первичные) — красный, желтый и синий

дополнительные (вторичные) — фиолетовый, оранжевый и зеленый

комбинированные (третичные) — смешение соседних цветов (например, оранжевый из красного и желтого)

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

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

Комплементарные цвета

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

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


В дизайне сайта WeWork использованы комплементарные синий и оранжевый.
Источник: wework.com

Аналоговые цвета

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

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

На сайте Dropbox использовали цвета, которые сочетают не часто, и это сработало.
Источник: dropbox.com

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

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

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

Триадная желто-красно-голубая цветовая схема сайта Петера Оравица — зеленый тут тоже подключился.
Источник: peteroravec.com

Психология цвета

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

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

КРАСНЫЙ

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

Лендинг iPhone X (RED) — красный на красном. Источник: apple.com

ЖЕЛТЫЙ

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


Онлайн-магазин продуктов Headery на основе конопляного масла — все в желтых тонах.
Источник: headery.com

ОРАНЖЕВЫЙ

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


Оранжевый онлайн-магазин бренда Aloha — продуктов на основе растительного белка.
Источник: aloha.com 

СИНИЙ

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

Например, визуальный стиль Facebook как раз основан на оттенках синего. Но этот выбор объясняется не только «надежным» характером синего, но и тем, что Марк Цукерберг — дальтоник. Он не различает красный и зеленый, а вот синий видит.


Сине-белый сайт книги When the World Went Digital о главных событиях в веб-дизайне.
Источник: thehistoryofweb.design

ЗЕЛЕНЫЙ

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

Сайт американской студии дизайна Unboundary — в оттенках зеленого.
Источник: unboundary.com

РОЗОВЫЙ

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


Онлайн-магазин женской одежды Femme and Fierce в основных оттенках розового.
Источник: femmeandfierce.nl

ФИОЛЕТОВЫЙ

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

Лавандово-фиолетовый сайт креативного агентства Omelet. Источник: omelet.com

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

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

Цветовую палитру составляют из первичных, вторичных и акцентных цветов.

Вот как это происходит:


Источник: gfycat.com

ДОМИНИРУЮЩИЕ ЦВЕТА

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

ВТОРИЧНЫЕ ЦВЕТА

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

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

АКЦЕНТНЫЕ ЦВЕТА

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

Чтобы подбирать цвета было проще, вот бесплатные инструменты:

  • Colors Muzli — чтобы проверить цвета на сочетаемость, создать и отредактировать цветовую палитру. Загружай UI-наборы с кастомными цветовыми мэтчами, чтобы посмотреть, как они будут выглядеть в интерфейсе.

  • Coolors.co — чтобы создавать цветовые схемы по клику и смотреть тысячи палитр, созданных другими пользователями.

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

  • Colormind.io — чтобы подобрать цветовую схему и в режиме реального времени наложить ее на мокап лендинга.

Основные цветовые сочетания в веб-дизайне

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

АНАЛОГОВАЯ

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

Сайт Useless London, посвященный теме борьбы с отходами. Источник: useless.london

КОМПЛЕМЕНТАРНАЯ

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


Онлайн-магазин Kin Europhorics — бренда антистрессовых напитков.
Источник: kineuphorics.com

ГРАДИЕНТ

Градиент — плавный переход одного цвета в другой. С помощью градиента объединяют аналоговые цвета, например, синий и зеленый. Еще его используют, когда хотят остаться в рамках одного базового цвета — и «раскатывают» оттенки от более интенсивного к менее насыщенному. Сайт музыкального стриминга Spotify — идеальный пример того, как использовать градиент.

На сайте стриминга Spotify показали, как «перевести» желтый в персиковый.
Источник: spotify.com

АКЦЕНТ НА ФИРМЕННОМ ЦВЕТЕ

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


Онлайн-магазин постельного белья Casper с акцентом на синий. Источник: casper.com

МОНОХРОМНАЯ

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



Онлайн-магазин косметики для губ Axiology Beauty. Источник: axiologybeauty.com

ПАЛИТРА ПРИГЛУШЕННЫХ ЦВЕТОВ

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

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

Кофейные оттенки на сайте магазина кофе StumpTown Coffee. Источник: stumtowncoffee.com

СХЕМА ИЗ ОСНОВНЫХ ЦВЕТОВ

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


Красный, синий и желтый в дизайне сервиса знакомств Bumble. Источник: bumble.com

ВИНТАЖНАЯ ЦВЕТОВАЯ СХЕМА

Взять винтажные сочетания оттенков — хорошее решение, если хочется ретро-эстетики. Например, в схеме сайта для креативного агентства Five/Four дизайнеры использовали «старые» красный и желтовато-коричневый цвета, плюс усилили эффект зернистыми фото с сепией.

 
Винтажные акценты на сайте Five/Four — в фильтрах и основных цветах.
Источник: five-four.co

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

 

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

 

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

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

 

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

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

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

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

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

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

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

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

 

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

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

 

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

 

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

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

Бонус

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

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

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

 

Применение цвета к HTML элементам с помощью CSS — HTML

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

К счастью, присвоить цвет к HTML элементу очень просто, и это можно сделать практически со всеми элементами.

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

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

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

На фундаментальном уровне, свойство color (en-US) определяет цвет текста HTML элемента, а свойство background-color — цвет фона элемента. Они работают практически для всех элементов.

Текст

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

color (en-US)
Свойство color применяется к тексту и любому оформлению текста, например: подчёркивание, линии на текстом, перечёркивание и т.д.
background-color
Цвет фона текста.
text-shadow

Добавляет и устанавливает параметры тени для текста. Один из параметров тени — это основной цвет, который размывается и смешивается с цветом фона на основе других параметров. См. Text drop shadows в Fundamental text and font styling, чтобы узнать больше.

text-decoration-color (en-US)

По умолчанию, элементы оформление текста (подчёркивание, перечёркивание) используют цвет свойства color. Но вы можете присвоить другой цвет с помощью свойства text-decoration-color.

text-emphasis-color (en-US)

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

caret-color (en-US)

Цвет, который используется для каретки (caret (en-US)) (курсора ввода текста). Применимо только к редактируемым элементам, таким как <input> и <textarea> (en-US) или элементам , для которых установлен атрибут contenteditable.

Блоки

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

borders
См. раздел Borders с перечнем свойств CSS, с помощью которых можно присвоить цвет границам блока.
background-color
Цвет фона блока.
column-rule-color
Цвет линий, которые разделяют колонки текста.
outline-color (en-US)
Цвет контура, вокруг границы элемента. Этот контур отличается от границы элемента тем, что он не занимает место в документе и может перекрывать другой элемент. Обычно его используют как рамку-индикатор, чтобы показать какой элемент находится в фокусе.

Границы

Вокруг любого элемента можно создать границу, т.е. линию вокруг содержимого элемента. См. Box properties в The box model, чтобы узнать больше про отношения между элементами и их границами, и статью Оформляем Границы с Помощью CSS, чтобы узнать больше про то, как применять стили к границам.

Существует краткая запись border, которая позволяет задать сразу все свойства границы, включая даже не связанные с цветом свойства, такие как толщина линии (width), стиль линии (style): сплошная (solid),  штриховая (dashed) и так далее.

border-color (en-US)
Задаёт единый цвет для всех сторон границы элемента.
border-left-color (en-US), border-right-color (en-US), border-top-color (en-US), and border-bottom-color (en-US)
Позволяет установить цвет соответствующей стороне границы элемента: border-left-color — левая граница, border-right-color — правая, border-top-color — верхняя, border-bottom-color — нижняя.
border-block-start-color (en-US) and border-block-end-color (en-US)
С помощью этих свойств вы можете установить цвет границ, которые расположены ближе всего к началу и концу блока. Для письменности слева направо, начало границы блока — верхний край, а конец — нижний. Не путайте с началом и концом строки, где начало — это левый край, а конец — правый.
border-inline-start-color (en-US) and border-inline-end-color (en-US)
Эти свойства определяют цвет границы, расположенной ближе всего к началу и концу текста в блоке. Сторона начала и конца зависит от свойств writing-mode, direction и text-orientation (en-US), которые обычно (но не всегда) используются для настройки направления текста. Например, если текст отображается справа налево, то border-inline-start-color применяется к правой стороне границы.

Как можно ещё использовать цвет

CSS не единственная web-технология, которая поддерживает цвет.

HTML Canvas API
Позволяет создавать растровую 2D-графику в элементе <canvas>. См. Canvas tutorial, чтобы узнать больше.
SVG (Scalable Vector Graphics — Масштабируемая Векторная Графика)

Позволяет создавать изображения с помощью команд, которые рисуют определённые фигуры, узоры, линии для создания конечного изображения. Команды SVG форматируются в XML, и могут размещаться непосредственно на веб-странице, или в элементе <img>, как и любое другое изображение.

WebGL
Библиотека Веб-Графики (The Web Graphics Library) — это кроссплатформенный API на основе OpenGL ES, используется для создания высокопроизводительной 2D и 3D-графики в браузере. См. Learn WebGL for 2D and 3D, чтобы узнать больше..

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

Подробнее о каждом значения цвета, можно прочитать в статье про CSS <color>.

Ключевые слова

Существует набор названий цветов стандартной палитры, который позволяет использовать ключевые слова вместо числового значения цвета. Ключевые слова включают основные и вторичные цвета (такие как красный (red), синий (blue), или оранжевый (orange)), оттенки серого (от чёрного (black) к белому (white), включая такие цвета как темносерый (darkgray) или светло-серый (lightgrey)), а также множество других смешанных цветов: lightseagreen, cornflowerblue, и rebeccapurple.

См. Color keywords в <color> — полный перечень всех доступных ключевых слов.

RGB значения

Есть три способа передачи RGB цвета в CSS.

Шестнадцатеричная запись в виде строки

Шестнадцатеричная запись передаёт цвет, используя шестнадцатеричные числа, которые передают каждый компонент цвета (красный, зелёный и синий). Запись также может включать четвёртый компонент: альфа-канал (или прозрачность). Каждый компонент цвета может быть представлен как число от 0 до 255 (0x00 — 0xFF) или, опционально, как число от 0 до 15 (0x0 — 0xF). Каждый компонент необходимо задавать используя одинаковое количество чисел. Так, если вы используете однозначное число, то итоговый цвет рассчитывается используя число каждого компонента дважды: "#D" превращается в "#DD".

Цвет в шестнадцатеричной записи всегда начинается с символа "#". После него начинаются шестнадцатеричные числа цветового кода. Запись не зависит от регистра.

"#rrggbb"
Задаёт полностью непрозрачный цвет, у которого компонент красного цвета представлен шестнадцатеричным числом 0xrr, зелёного — 0xgg и синего — 0xbb.
"#rrggbbaa"
Задаёт цвет, у которого компонент красного представлен шестнадцатеричным числом 0xrr, зелёного — 0xgg и синего — 0xbb. Альфа канал представлен 0xaa; чем ниже значение, тем прозрачнее становится цвет.
"#rgb"
Задаёт цвет, у которого компонент красного представлен шестнадцатеричным числом 0xr, зелёного — 0xg и синего — 0xb.
"#rgba"
Задаёт цвет, у которого компонент красного представлен шестнадцатеричным числом 0xr, зелёного — 0xg и синего — 0xb. Альфа канал представлен 0xa; чем ниже значение, тем прозрачнее становится цвет.

Например, вы можете представить непрозрачный ярко-синий цвет как "#0000ff" или "#00f". Для того, чтобы сделать его на 25% прозрачным, вы можете использовать "#0000ff44" или "#00f4".

RGB запись в виде функции

RGB запись в виде функции, как и шестнадцатеричная запись, представляет цвет, используя красный, зелёный и синий компоненты (также, опционально можно использовать компонент альфа канала для прозрачности). Но, вместо того, чтоб использовать строку, цвет определяется CSS функцией rgb(). Данная функция принимает как вводные параметры значения красного, зелёного и синего компонентов и, опционально, четвёртого компонента — значение альфа канала.

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

red, green, и blue
Каждый параметр должен иметь <integer> значение между 0 и 255 (включительно), или <percentage> от 0% до 100%.
alpha
Альфа канал — это числовое значение между 0.0 (полностью прозрачный) и 1.0 (полностью непрозрачный). Также можно указать значение в процентах, где 0% соответствует 0.0, а 100% — 1.0.

Например, ярко-красный с 50% прозрачностью может быть представлен как rgb(255, 0, 0, 0.5) или rgb(100%, 0, 0, 50%).

HSL запись в виде функции

Дизайнеры часто предпочитают использовать цветовую модель HSL, где H — Hue (оттенок), S — Saturation (насыщенность), L — Lightness or Luminance (светлота). В браузерах HSL цвет представлен через запись HSL в виде функции. CSS функция hsl() очень похожа на rgb() функцию.

Рис. 1. Цилиндрическая модель HSL. Hue (оттенок) определяет фактический цвет, основанный на положении вдоль цветового круга, представляя цвета видимого спектра. Saturation (насыщенность) представляет собой процентное соотношение оттенка от серого до максимально насыщенного цвета. По мере увеличения значения luminance/ lightness (светлоты) цвет переходит от самого тёмного к самому  светлому (от чёрного к белому). Изображение представлено пользователем SharkD в Wikipedia, распространяется на правах лицензии CC BY-SA 3.0 .

Значение компонента оттенок (H) цветовой модели HSL определяется углом при движении вдоль окружности цилиндра от красного через жёлтый, зелёный, голубой, синий и маджента, и заканчивая через 360° снова красным. Данное значение определяет базовый цвет. Его можно задать в любых единицах, поддерживаемых CSS свойством <angle>, а именно —  в градусах (deg), радианах (rad), градиентах (grad) или поворотах (turn). Но компонент оттенок никак не влияет на то, насколько насыщенным, ярким или темным будет цвет.

Компонент насыщенность (S) определяет количество конечного цвета из которого состоит указанный оттенок. Остальное определяется уровнем серого цвета, которое указывает компонент luminance/ lightness (L).

Подумайте об этом как о создании идеального цвета краски:

  1. Вы начинаете с базовой краски, т.е. с максимально возможной интенсивности данного цвета. Например, наиболее насыщенный синий, который может быть представлен на экране пользователя. Это компонент hue (оттенок): значение представляющее угол вокруг цветового круга для насыщенного оттенка, который мы хотим использовать в качестве нашей базы.
  2. Далее выберете краску серого оттенка, которая будет соответствовать тому, насколько ярким вы хотите сделать цвет. Это luminance/ lightness (яркость). Вы хотите, чтобы цвет был очень ярким, практически белым или очень темным, ближе к чёрному, или что-то среднее? Данный компонент определяется в процентах, где 0% — совершенный чёрный цвет и 100% — совершенный белый (независимо от насыщенности или оттенка). Средние значения — это буквальная серая область.
  3. Теперь, когда у есть серый цвет и идеально насыщенный цвет, вам необходимо их смешать. Компонент saturation (насыщенность) определяет какой процент конечного цвета должен состоять из идеально насыщенного цвета. Остаток конечного цвета формируется серым цветом, который представляет насыщенность.

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

Вот несколько примеров цвета в HSL записи:

Обратите внимание, что, когда вы не указываете единицу измерения оттенка (hue), то предполагается, что он указан в градусах (deg).

Теперь, когда вы знаете какие существуют свойства CSS для присваивания цвета к элементам и какие есть форматы описания цвета, вы можете соединить это вместе, чтобы начать использовать цвет. Как вы уже видели в списке под разделом Что может иметь цвет, существует множество вещей, к которым можно применить цвет, используя CSS. Давайте взглянем на это с двух сторон: использовать цвет в таблицах стилей (stylesheet (en-US)) и добавлять, изменять цвет, используя JavaScript код.

Цвет в таблицах стилей CSS

 

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

Давайте начнём наш пример с результата, который нам нужно достичь:

 

HTML

HTML, который создаёт вышеупомянутый пример:

<div>
  <div>
    <p>
      This is the first box.
    </p>
  </div>
  <div>
    <p>
      This is the second box.
    </p>
  </div>
</div>

Все довольно просто: первый <div> используется как обёртка (wrapper) содержимого, которое состоит из ещё двух <div>, каждый из которых содержит один параграф (<p>) и имеет свой стиль.

Все волшебство, как всегда, происходит в CSS, где мы и будем присваивать цвет к данным HTML элементам..

CSS

CSS мы рассмотрим более детально, чтобы по очереди проанализировать все интересные части.

.wrapper {
  width: 620px;
  height: 110px;
  margin: 0;
  padding: 10px;
  border: 6px solid mediumturquoise;
}

 

Класс .wrapper определяет стиль для элемента <div>, который заключает в себе все остальные элементы. Он устанавливает размер контейнера с помощью свойств ширины width, высоты height, внешних margin и внутренних padding полей.

Но больше всего нас интересует свойство граница border, которое устанавливает границу вокруг внешнего края элемента. Данная граница представлена сплошной линией, шириной в 6 пикселей, светло-бирюзового цвета (mediumturquoise).

Два цветных блока имеют ряд одинаковых свойств, поэтому далее мы установим класс .box, который определит эти общие свойства:

 

.box {
  width: 290px;
  height: 100px;
  margin: 0;
  padding: 4px 6px;
  font: 28px "Marker Felt", "Zapfino", cursive;
  display: flex;
  justify-content: center;
  align-items: center;
}

 

Вкратце класс .box устанавливает размер каждого блока и параметры шрифта. Также мы используем CSS Flexbox, чтобы с лёгкостью отцентрировать содержимое каждого блока. Мы включаем режим flex с помощью display: flex, и присваиваем значение center justify-content и align-items. Затем мы создаём отдельные классы для каждого из двух блоков, которые определят индивидуальные свойства.

 

.boxLeft {
  float: left;
  background-color: rgb(245, 130, 130);
  outline: 2px solid darkred;
}

 

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

  • background-color определяет цвет фона блока значением rgb(245, 130, 130).
  • outline (en-US), в отличие от привычного нам свойства border,  не влияет на положение блока и его ширину. Outline представлен сплошной, темно-красной линией, шириной в 2 пикселя. Обратите внимание на ключевое слово darkred, которое используется для определение цвета.
  • Обратите внимание, что мы не определяем значение цвета текста. Это означает, что свойство color (en-US) будет унаследовано от ближайшего родительского элемента, у которого это свойство определено. По умолчанию это чёрный цвет.

 

.boxRight {
  float: right;
  background-color: hsl(270deg, 50%, 75%);
  outline: 4px dashed rgb(110, 20, 120);
  color: hsl(0deg, 100%, 100%);
  text-decoration: underline wavy #88ff88;
  text-shadow: 2px 2px 3px black;
}

 

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

  • background-color определяется значением HSL: hsl(270deg, 50%, 75%). Это светло-фиолетовый цвет.
  • Outline блока определяет, что вокруг блока должна быть прерывистая линия, шириной в четыре пикселя, фиолетового цвета немного темнее, чем цвет фона (rgb(110, 20, 120)).
  • Цвет текста определяется свойством color (en-US), значение которого hsl(0deg, 100%, 100%). Это один из многих способов задать белый цвет.
  • С помощью text-decoration (en-US) мы добавляем зелёную волнистую линию под текстом.
  • И наконец, свойство text-shadow добавляет небольшую чёрную тень тексту.

There are many situations in which your web site may need to let the user select a color. Perhaps you have a customizable user interface, or you’re implementing a drawing app. Maybe you have editable text and need to let the user choose the text color. Or perhaps your app lets the user assign colors to folders or items. Although historically it’s been necessary to implement your own color picker, HTML now provides support for browsers to provide one for your use through the <input> element, by using "color" as the value of its type attribute.

The <input> element represents a color only in the hexadecimal string notation covered above.

Example: Picking a color

Let’s look at a simple example, in which the user can choose a color. As the user adjusts the color, the border around the example changes to reflect the new color. After finishing up and picking the final color, the color picker’s value is displayed.

On macOS, you indicate that you’ve finalized selection of the color by closing the color picker window.

HTML

The HTML here creates a box that contains a color picker control (with a label created using the <label> element) and an empty paragraph element (<p>) into which we’ll output some text from our JavaScript code.

<div>
  <label for="colorPicker">Border color:</label>
  <input type="color" value="#8888ff">
  <p></p>
</div>
CSS

The CSS simply establishes a size for the box and some basic styling for appearances. The border is also established with a 2-pixel width and a border color that won’t last, courtesy of the JavaScript below…

#box {
  width: 500px;
  height: 200px;
  border: 2px solid rgb(245, 220, 225);
  padding: 4px 6px;
  font: 16px "Lucida Grande", "Helvetica", "Arial", "sans-serif"
}
JavaScript

The script here handles the task of updating the starting color of the border to match the color picker’s value. Then two event handlers are added to deal with input from the <input type="color"> element.

let colorPicker = document.getElementById("colorPicker");
let box = document.getElementById("box");
let output = document.getElementById("output");

box.style.borderColor = colorPicker.value;

colorPicker.addEventListener("input", function(event) {
  box.style.borderColor = event.target.value;
}, false);

colorPicker.addEventListener("change", function(event) {
  output.innerText = "Color set to " + colorPicker.value + ".";
}, false);

The input (en-US) event is sent every time the value of the element changes; that is, every time the user adjusts the color in the color picker. Each time this event arrives, we set the box’s border color to match the color picker’s current value.

The change (en-US) event is received when the color picker’s value is finalized. We respond by setting the contents of the <p> element with the ID "output" to a string describing the finally selected color.

Making the right choices when selecting colors when designing a web site can be a tricky process, especially if you aren’t well-grounded in art, design, or at least basic color theory. The wrong color choice can render your site unattractive, or even worse, leave the content unreadable due to problems with contrast or conflicting colors. Worse still, if using the wrong colors can result in your content being outright unusable by people withcertain vision problems, particularly color blindness.

Finding the right colors

Coming up with just the right colors can be tricky, especially without training in art or design. Fortunately, there are tools available that can help you. While they can’t replace having a good designer helping you make these decisions, they can definitely get you started.

Base color

The first step is to choose your base color. This is the color that in some way defines your web site or the subject matter of the site. Just as we associate green with the beverage Mountain Dew and one might think of the color blue in relationship with the sky or the ocean, choosing an appropriate base color to represent your site is a good place to start. There are plenty of ways to select a base color; a few ideas include:

  • A color that is naturally associated with the topic of your content, such as the existing color identified with a product or idea or a color representative of the emotion you wish to convey.
  • A color that comes from imagery associated with what your content is about. If you’re creating a web site about a given item or product, choose a color that’s physically present on that item.
  • Browse web sites that let you look at lots of existing color palettes and imags to find inspiration.

When trying to decide upon a base color, you may find that browser extensions that let you select colors from web content can be particularly handy. Some of these are even specifically designed to help with this sort of work. For example, the web site ColorZilla offers an extension (Chrome / Firefox) that offers an eyedropper tool for picking colors from the web. It can also take averages of the colors of pixels in various sized areas or even a selected area of the page.

The advantage to averaging colors can be that often what looks like a solid color is actually a surprisingly varied number of related colors all used in concert, blending to create a desired effect. Picking just one of these pixels can result in getting a color that on its own looks very out of place.

Fleshing out the palette

Once you have decided on your base color, there are plenty of online tools that can help you build out a palette of appropriate colors to use along with your base color by applying color theory to your base color to determine appropriate added colors. Many of these tools also support viewing the colors filtered so you can see what they would look like to people with various forms of color blindness. See Color and accessibility for a brief explanation of why this matters.

A few examples (all free to use as of the time this list was last revised):

When designing your palette, be sure to keep in mind that in addition to the colors these tools typically generate, you’ll probably also need to add some core neutral colors such as white (or nearly white), black (or nearly black), and some number of shades of gray.

Usually, you are far better off using the smallest number of colors possible. By using color to accentuate rather than adding color to everything on the page, you keep your content easy to read and the colors you do use have far more impact.

Color theory resources

A full review of color theory is beyond the scope of this article, but there are plenty of articles about color theory available, as well as courses you can find at nearby schools and universities. A couple of useful resources about color theory:

Color Science (Khan Academy in association with Pixar)
An online course which introduces concepts such as what color is, how it’s percieved, and how to use colors to express ideas. Presented by Pixar artists and designers.
Color theory on Wikipedia
Wikipedia’s entry on color theory, which has a lot of great information from a technical perspective. It’s not really a resource for helping you with the color sleection process, but is still full of useful information.

Color and accessibility

There are several ways color can be an accessibility problem. Improper or careless use of color can result in a web site or app that a percentage of your target audience may not be able to use adequately, resulting in lost traffic, lost business, and possibly even a public relations problem. So it’s important to consider your use of color carefully.

You should do at least basic research into color blindness. There are several kinds; the most common is red-green color blindness, which causes people to be unable to differentiate between the colors red and green. There are others, too, ranging from inabilities to tell the difference between certain colors to total inability to see color at all.

The most important rule: never use color as the only way to know something. If, for example, you indicate success or failure of an operation by changing the color of a shape from white to green for success and red for failure, users with red-green color-blindness won’t be able to use your site properly. Instead, perhaps use both text and color together, so that everyone can understand what’s happening.

For more information about color blindness, see the following articles:

Palette design example

Let’s consider a quick example of selecting an appropriate color palette for a site. Imagine that you’re building a web site for a new game that takes place on the planet Mars. So let’s do a Google search for photos of Mars. Lots of good examples of Martian coloration there. We carefully avoid the mockups and the photos from movies. And we decide to use a photo taken by one of the Mars landers humanity has parked on the surface over the last few decades, since the game takes place on the planet’s surface. We use a color picker tool to select a sample of the color we choose.

Using an eyedropper tool, we identify a color we like and determine that the color in question is #D79C7A, which is an appropriate rusty orange-red color that’s so stereotypical of the Martian surface.

Having selected our base color, we need to build out our palette. We decide to use Paletteon to come up with the other colors we need. Upon opening Paletton, we see:

Next, we enter our color’s hex code (D79C7A) into the «Base RGB» box at the bottom-left corner of the tool:

We now see a monochromatic palette based on the color we picked from the Mars photo. If you need a lot of related colors for some reason, those are likely to be good ones. But what we really want is an accent color. Something that will pop along side the base color. To find that, we click the «add complementary» toggle underneath the menu that lets you select the palette type (currently «Monochromatic»). Paletton computes an appropriate accent color; clicking on the accent color down in the bottom-right corner tells us that this color is #508D7C.

If you’re unhappy with the color that’s proposed to you, you can change the color scheme, to see if you find something you like better. For example, if we don’t like the proposed greenish-blue color, we can click the Triad color scheme icon, which presents us with the following:

That greyish blue in the top-right looks pretty good. Clicking on it, we find that it’s #556E8D. That would be used as the accent color, to be used sparingly to make things stand out, such as in headlines or in the highlighting of tabs or other indicators on the site:

Now we have our base color and our accent. On top of that, we have a few complementary shades of each, just in case we need them for gradients and the like. The colors can then be exported in a number of formats so you can make use of them.

Once you have these colors, you will probably still need to select appropriate neutral colors. Common design practice is to try to find the sweet spot where there’s just enough contrast that the text is crisp and readable but not enough contrast to become harsh for the eyes. It’s easy to go too far in one way or another so be sure to get feedback on your colors once you’ve selected them and have examples of them in use available. If the contrast is too low, your text will tend to be washed out by the background, leaving it unreadable, but if your contrast is too high, the user may find your site garish and unpleasant to look at.

Сколько на самом деле оттенков серого?

На протяжении Roy G. Biv Стюарт приводила цитаты, в которых выражались твердые убеждения о цвете, «идеи, которые вы могли бы некоторое время крутить в своей голове, как карамель, тающая на вашем языке», — говорит она. Поэтому я спрашиваю ее. Чтобы объяснить одно из этих кондитерских изделий: Почему розовый — это военно-морской флот Индии? «Икона моды Диана Вриланд сказала это — я такая фанатка ее заявлений, которые могут быть одновременно проницательными и слегка безумными», — говорит Стюартс.«Я считаю, что цитата Вриланда означает, что розовый в Индии действует как цвет по умолчанию, основной оттенок, вокруг которого растет множество различных цветовых палитр. Строго говоря, я не мог сказать вам, права она или нет в этом наблюдении, действительно ли Индия настолько залита розовым цветом, но разве вы не желаете, чтобы это было правдой? »

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

Оранжевый, утверждает она, — это жестокий цвет. Почему? «Странный, как заводной апельсин», — отмечает Стюарт, — это выражение кокни, которое вдохновило название романа Энтони Берджесса 1962 года Заводной апельсин .«Это примерно эквивалент нашей« трехдолларовой купюры », что-то настолько странное, что этому нельзя доверять. Мне нравится, как Берджесс описывает свои намерения во введении к своей книге: человек, запрограммированный только на то, чтобы творить добро или зло, имеет вид организма, прекрасного цвета и сока, но на самом деле всего лишь заводная игрушка, которую заводит Бог или Дьявол … Или всемогущее государство ».

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

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

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

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

Более 50 оттенков серого


Запрос номер один, который я получаю прямо сейчас: «Я ищу серый…» По правде говоря, чистого серого не бывает, поэтому существует более 50 оттенков серого! В одном фильме все было правильно! Однако там — это идеального серого.Истинная форма любого цвета находится в глазах смотрящего. Самый настоящий серый цвет Бенджамина Мура — 2121-10 Gray — очень оригинальное имя, верно? — Однако большинство людей, желающих покрасить серый цвет, думают о более светлом оттенке.

2121-10 Серый

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

Серый по-прежнему считается нейтральным, поэтому он отлично сочетается с большинством цветов; и это современная интерпретация широко используемого и банального бежевого.Серый может служить нейтральным фоном для вашей коллекции мебели и произведений искусства или, наоборот, быть ярким цветом комнаты. Например, темно-серый угольно-серый привносит драматизм, но при этом выглядит элегантно. HC-167 Amherst Grey и AF-710 Secret Бенджамина Мура — отличное место для начала, когда вы ищете более темные оттенки серого.

Нейтрально-серый


Приезжаете из Канады🇨🇦?
Доставьте краски Benjamin Moore прямо к вашей двери.
В Магазин

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

Температура выбранного вами серого цвета также влияет на общую атмосферу помещения. Температура означает прохладу или темноту, которую цвет может иметь в комнате, и сильно коррелирует с направлением, в котором смотрит комната, и, следовательно, с количеством света, получаемого этой областью.Хотя оттенок и глубина серого важны, температура серого цвета может иметь большое влияние на ощущение пространства. Например, OC-26 Silver Satin, чрезвычайно универсальный цвет, передает переливающееся качество, но при этом кажется теплым. С другой стороны, 2121-50 Ice Cube Silver тоже легкий и воздушный, но имеет гораздо более прохладную температуру. Обязательно подумайте о цвете, глубине и температуре серого, чтобы получить идеальный оттенок.

Бело-серый с разными оттенками

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

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

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

Сине-серый

Все склонны тяготеть к тому, что они считают самым настоящим серым. Я бы сказал, что большинство ассоциирует «серый» с серым оттенком сине-серого. По этой причине цвета, такие как HC-169 Coventry Grey и 2121-40 Silver Half Dollar, являются одними из самых популярных серых оттенков. Серо-голубой оттенок может охладить комнату, выходящую на южную сторону, или комнату с большим количеством солнечного света. Холодный серый оттенок в теплой комнате сохранит свою ценность и не будет выглядеть унылым или унылым.Хотя сине-серый оттенок может казаться настоящим серым, он также может казаться холодным. По этой причине номера, выходящие на север, не будут хорошо сочетаться с прохладным серо-голубым оттенком.

Голубой оттенок серого

Серый с оттенком синего в сочетании с зеленым может передать более теплые качества зеленого и в то же время усилить серебристый и четкий синий цвет. Например, HC-170 Stonington Grey кажется ближе к истинно серому, но у него нет чисто синей основы. Другие оттенки серого, такие как OC-52 Grey Owl и 1474 Cape May Cobblestone, имеют более зеленый оттенок, и хотя он не такой яркий, как синий, он все же передает мягкость и теплоту.

Голубой оттенок серого в сочетании с зеленым


Приезжаете из Канады🇨🇦?
Доставьте краски Benjamin Moore прямо к вашей двери.
В Магазин

Красно-серый

Красный оттенок серого кажется более теплым, чем синий оттенок серого. Серый с оттенками красного может казаться слегка розовым, однако освещение этих цветов может повлиять на их внешний вид. Серые с красным оттенком, изображенные при дневном освещении или флуоресцентном освещении, могут раскрывать розовые оттенки, тогда как теплое освещение или лампы накаливания могут смягчить розовый пигмент.2108-50 Silver Fox и 2108-60 Abalone Бенджамина Мура — прекрасные примеры серого с более теплым оттенком.

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

Когда серый имеет оттенок красного, он также может включать пурпурный. Пурпурный оттенок — это смесь синего и красного пигмента, который также обычно воспринимается как настоящий серый. 2112-70 American White — хороший пример пурпурного оттенка серого, и поэтому лучше всего работает при теплом освещении или освещении лампами накаливания. С другой стороны, при идеальном соотношении синего к красному серый может казаться сбалансированным, если он не слишком сильно склоняется к тому или иному цвету.Такие цвета, как 1472 Silver Chain и 1459 Metro Grey, кажутся близкими к истинно серому, поскольку оба имеют красный и синий оттенки.

Красный оттенок серого в сочетании с фиолетовым

Желто-серый

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

Желтый оттенок серого будет танцевать между линией серого и бежевого, и его стоит учесть при оформлении домов в переходном стиле. В то время как бежевый, возможно, использовался слишком часто и теперь стал обычным явлением, желтый оттенок серого — это компромисс между теплыми элементами бежевого и современным, свежим оттенком серого. Если вы не хотите переходить в ледяной синий или стальной серый цвет, то цвета, такие как HC-173 Edgecomb Grey и OC-15 Baby Fawn, будут достойной уступкой между холодным серым и теплым бежевым.Точно так же HC-172 Revere Pewter также представляет собой переходный серый цвет с желтым оттенком, и хотя он также имеет намек на зеленый фон, в настоящее время это самый популярный цвет Бенджамина Мура, потому что он такой гибкий «серый». .

Желтый полутонированный серый


Приезжаете из Канады🇨🇦?
Доставьте краски Benjamin Moore прямо к вашей двери.
В Магазин

Для сравнения, желтый оттенок серого может также включать смесь цвета пыльника, обычно красного или оранжевого, так же, как сине-серый может содержать зеленый.Применение красного к желто-серому может создать больше тепла и глубины. OC-28 Collingwood, CC-490 Stone Hearth и CC-394 Boulevard — все это отличные примеры того, как сочетание желтого и красного в качестве оттенков серого хорошо работает для создания теплого серого цвета, который не слишком похож на бежевый.

Желтый полутоновый серый в сочетании с красным

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

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

При выборе серого цвета, наконец, сделайте выбор в пользу плоской или матовой отделки стен вместо яичной скорлупы. Плоская или матовая поверхность выглядит более гладкой и менее индустриальной, чем блестящие стены. В то время как ранее ожидалось, что на матовой поверхности будут видны пятна и дефекты, пригодность для стирки Aura Matte или Regal Select Ulti-Matte от Benjamin Moore является идеальным продуктом для использования с серым.Сочетание моющейся матовой краски и серого цвета, который естественным образом скрывает дефекты, обеспечит идеальный цвет и безупречные стены.

K522 Матовый Aura

Aura Matte Interior Описание продукта

K522 Regal Select Ulti-Matte

матовый

Regal Select Ulti-Matte Interior Описание продукта

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

Вот список отличных оттенков серого для каждого цветового тона:
Синий с оттенком серого:

Список синей полутонированной серой краски


Приезжаете из Канады🇨🇦?
Доставьте краски Benjamin Moore прямо к вашей двери.
В Магазин

Красный с оттенком серый:

Список красной полутонированной серой краски


Приезжаете из Канады🇨🇦?
Доставьте краски Benjamin Moore прямо к вашей двери.
В Магазин

Желто-серый оттенок:

Список желтой полутонированной серой краски

 

Сахра Макфарлейн
Декоратор интерьера
Creative Haus Designs

Фотографии предоставлены benjaminmoore.com Примечание. Представленные на экране и на принтере цвета могут отличаться от реальных цветов краски.

Посещение из Канады🇨🇦?
Доставьте краски Benjamin Moore прямо к вашей двери.
В Магазин

оттенков, оттенков, тонов и оттенков. Какая разница? Раскрыты секреты художника по цветовому колесу

Мы часто слышим, как люди говорят: «Какой красивый синий оттенок». или «Какой оттенок зеленого тебе нравится?» или «Какой тон вам больше нравится?» или «Этот оттенок слишком светлый».

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

Подробнее …

Оттенок против цвета

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

В общем, вроде как, но технически нет.

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

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

  • ЦВЕТ — это общий термин, который мы используем для описания каждого оттенка, оттенка, тона или оттенка, который мы видим. Белый, черный и серый часто называют цветом.
  • ОТТЕНОК относится к доминирующему семейству цветов конкретного цвета, на который мы смотрим. Белый, черный и серый никогда не называют оттенком.

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

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

Как говорить, как Color Pro

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

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

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

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

  • Бордовый = КРАСНЫЙ
  • Розовый = КРАСНЫЙ
  • Темно-синий = СИНИЙ
  • Ржавчина = ОРАНЖЕВЫЙ
  • Холодный серый = Он может быть СИНИМ, или даже ПУРПУРНЫМ или ЗЕЛЕНЫМ — Посмотрите на него.
  • Теплый коричневый = Он может быть ОРАНЖЕВЫМ, но может быть КРАСНЫМ или ЖЕЛТЫМ — действительно посмотрите на это.
Советы по рисованию для HUES

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

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

Определение и описание ОТТЕНОК

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

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

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

Кроме того, настоящий оттенок не содержит серого.

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

Независимо от этого определения теории цвета, художники часто несколько нарушают правила. Вместо белого для смешивания оттенка они используют другие бледные нейтральные пигменты, такие как Titanium или Titan Buff.Этот пигмент «Белый» может давать красивые сложные оттенки.

Советы по рисованию ОТТЕНОК

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

* Художники часто добавляют немного белого к чистому пигменту. Это поможет подчеркнуть массивность цвета, сделав его более ярким.

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

Что такое ТОН?

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

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

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

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

Советы по рисованию ТОНАМИ

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

* Художник всегда любит нарушать правила.Опытный художник может сделать серый цвет, используя Paynes Grey и Titan Buff. Это правда, что в результате получится великолепный серый цвет. Но будьте предельно осторожны. Подобные смеси содержат нейтральные базовые оттенки, такие как синий или оранжевый. Поэтому при смешивании с другими красками цвета могут очень быстро помутнеть.

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

Какое определение для SHADE?

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

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

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

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

Советы по рисованию ОТТЕНКОВ

* Когда вы смешиваете оттенок, начинайте с самого цвета. Затем добавляйте свой Black по крошечным пятнышкам. Немного имеет большое значение!

* Опять же, многие художники любят нарушать правила. Многие опытные художники вообще не используют черный цвет. Вместо этого они создают смеси Shade с нейтральными темными пигментами, такими как Paynes Grey или даже Burnt Sienna.Эти смеси великолепны и сложны. Однако, если вы предварительно не проверили смеси красок, цвета могут очень быстро помутнеть.

Давайте рассмотрим, что вы узнали

  • В живописи слово ЦВЕТ является общим термином для всего, что мы видим. Однако слово ОТТЕНОК относится к 6–12 самым ярким семействам чистых несмешанных пигментов на цветовом круге.
  • В теории цвета ОТТЕНОК любой оттенок с добавлением белого. Цвет остается прежним, только светлее.
  • В теории цвета ТОН — это любой чистый оттенок с добавлением нейтрального серого.Цвет остается прежним, только менее ярким. Значения могут варьироваться от очень светлых до очень темных.
  • В теории цвета ТЕНЬ — это любой чистый оттенок с добавлением черного. Цвет остается прежним, только темнее.

Соглашение о пятидесяти оттенках серого

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

Безопасное слово «желтый» используется для привлечения внимания доминанта к тому факту, что сабмиссив находится близко к его границе.Когда слово «красный» будет произнесено благополучно, действие доминантов прекратится полностью и немедленно. Во-первых, есть ли договор? Для заключения контракта должно быть предложение, акцепт, и обе стороны должны «размышлять» в рамках соглашения. С момента публикации книги «Пятьдесят оттенков серого» в книжных магазинах женщины просили меня о сексуальных контрактах. Они настоящие? Как они работают? Потому что, если подумать, пятьдесят оттенков серого. Л. Джеймс — это переговоры объемом более 500 страниц.Грей делает предложение, прося Стила подписать контракт, и есть мысли. Если они согласятся, Грей Стил позаботится о себе и будет тренироваться, а Стил будет предоставлять себя Грею каждые выходные. Взамен Кристиан просит Ану зарегистрироваться на два дня.

Я призываю всех, кого беспокоит гендерное неравенство, прочитать аналогичный трактат из романа Захер-Мазох Венеры (корень слова мазохизм). Эта история 1870 года показывает, что контракты на власть не зависят от пола.Богатая баронесса заключает аналогичный договор с потенциально рабским мужчиной или рабом. Этот договор дает ей даже больше контроля, чем мечта Кристиана Грея о том, чтобы попросить Ану даже добавить предсмертную записку, предопределенную ее рабом, чтобы она могла полностью контролировать свою жизнь и даже убить его без каких-либо юридических последствий. Однако Ана заранее знает, что ни одно юридическое лицо не будет рассматривать этот контракт в суде. В отсутствие юридического значения договор превращается только в тесное обсуждение между мужчиной и женщиной того, что они будут или не будут делать в их отношениях по обоюдному согласию.Первый фильм, «Пятьдесят оттенков серого», был выпущен 13 февраля 2015 года, а второй, «На пятьдесят оттенков темнее», — 10 февраля 2017 года. [5] Третий фильм «Пятьдесят оттенков свободы» вышел 9 февраля. 2018.

[5] Сериал собрал в мировом прокате более 1,32 миллиарда долларов, что сделало его седьмой по величине франшизой R-рейтинга всех времен. «Пятьдесят оттенков» — американская кинотрилогия, состоящая из трех эротических романтических фильмов, основанных на трилогии пятидесяти оттенков английского писателя Э. Л. Джеймса.Он распространяется Universal Studios и ведущими актерами Дакотой Джонсон и Джейми Дорнаном в главных ролях Анастасии Стил и Кристиана Грея. Сэм Тейлор-Джонсон снял первый фильм [2] [3], а Джеймс Фоули — второй и третий фильмы. [4] 5.

11 крутых оттенков серой краски от Sherwin Williams

Какие оттенки серого лучше всего подходят для окрашивания стен?

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

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

Прошли времена бежевого цвета Строителей.Бежевый и другие теплые цвета (например, желтый) так устарели … даже льняной белый цвет станет вашим домом. Серый — супер нейтральный и универсальный.

Но знаете ли вы, что Шервин Уильямс и Бенджамин Мур создают более 100 оттенков серого? Да, этого достаточно, чтобы ошеломить большинство домовладельцев … и многие просто сбиты с толку и ошеломлены, когда идут в магазин красок.

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

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

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

Теплый серый цвет имеет зеленый, серо-коричневый, бежевый и коричневый оттенки. Большинство этих оттенков тонкие. Они просто издают более теплый тон, чтобы в вашей комнате не было слишком холодно.Если вам нужны теплые оттенки серого или серые (сочетание серого и бежевого), ознакомьтесь со статьей: 9 теплых оттенков серого и оттенков серого.

В этой статье я собираюсь обсудить свои лучшие решения для холодных оттенков серой краски.

Скачать PDF-файл для печати

У меня есть все, что вам нужно, здесь, в этой статье. Но это долгое чтение. Если так удобнее, вы можете приобрести PDF-файл всего за 5 долларов. Здесь есть полная статья (включая изображения). Таким образом, вы можете распечатать его, и вы сможете сослаться на него в любое время.(Нажмите на книгу ниже, чтобы приобрести)

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

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

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

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

Холодные оттенки серой краски от Sherwin Williams

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

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

ПОДОЖДИТЕ! Нужна помощь в отслеживании цвета пятен и красок? Этот трекер упрощает задачу! ПОЛУЧИТЕ СВОЮ КРАСКУ ДЛЯ ПЕЧАТИ И ТРЕКЕР ДЛЯ ПОЛА ЗДЕСЬ!

Это мои любимые холодные серые оттенки от Sherwin Williams.Они популярны и, как правило, хорошо сочетаются с большинством полов и большей частью мебели. Мои клиенты, кажется, их любят, и они просто работают. Вы действительно не можете ошибиться ни с одним из них.

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

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

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

Нужны ли вам веерные палубы оттенков краски?

Amazon может помочь в этом. Это намного проще, когда у вас есть полноцветные диски и вы можете видеть все это в собственном доме (vs.переходя туда и обратно в магазин НЕСКОЛЬКО раз).

Шервин Уильямс Бенджамин Мур

Что такое LRV? (И почему это должно вас волновать?)

Небольшая заметка о LRV, прежде чем я начну. LRV означает коэффициент отражения света, и это шкала от 0 до 100 с более высокими числами, отражающими больше света… и они выглядят светлее (очевидно). По сути, это мера легкости или яркости цвета.

Для перспективы, средний самый черный черный имеет LRV около 5%, что означает, что он поглощает почти весь свет, в то время как самые белые белые находятся в диапазоне 85-95%. Как правило, большинство декораторов рекомендуют, чтобы ваш базовый цвет был на 50% LRV или выше, что означает, что он отражает больше света, чем поглощает.

Теперь это только часть истории.

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

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

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

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

Низкие цвета LRV: 0-35. Эти цвета поглощают большую часть света. Краска со средней LRV находится в диапазоне 35-55. Эти цвета отражают среднее количество света, но не чрезмерное. 60+ считается высоким LRV, и эти цвета отражают много света.

9 крутых оттенков серого от Sherwin Williams:

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

.

1. Серый экран (SW7071) — LRV = 59

Серый экран — это настоящий серый… и часто это оттенок, который людям кажется наиболее «серым».У него синие оттенки, поэтому это прохладный серый цвет. В настоящее время это САМЫЙ ПОПУЛЯРНЫЙ оттенок краски во всей коллекции Sherwin Williams.

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

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

Для акцентных стен я бы посоветовал Sherwin Williams Online, Network Grey или African Gray (см. Ниже).

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

2. В сети (SW7072) LRV = 45

Online — это полутоновый серый цвет той же цветовой линии.Это немного глубже, чем серый экран.

Он также хорошо сочетается с африканским серым (SW9162) и программным обеспечением (SW7074) для акцентных цветов.

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

3. Сетевой серый (SW7073) LRV = 37

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

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

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

Хотели бы вы видеть этот цвет в собственном освещении? Если да, то образец можно получить здесь .

4. Африканский серый (SW9162) LRV = 31

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

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

Получите образец здесь .

5. Программное обеспечение (SW7074) LRV = 23

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

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

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

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

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

Шервин Уильямс и Pottery Barn Советы по покраске домовладельцев своими руками

Следующие 3 оттенка координируются вместе. Я обычно рекомендую Olympus White в качестве основного цвета, так как он самый светлый. Morning Fog и Serious Grey хорошо сочетаются друг с другом, создавая контрастные акцентные стены.

6. Olympus White (SW6253) LRV = 68

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

Если вы хотите сделать акцентную стену, я рекомендую «Утренний туман» (см. Ниже). Хотя Serious Grey находится на той же цветной полосе, обычно он слишком сильно контрастирует с Olympus White. Но, если вы используете все 3 градации, это может хорошо сработать.

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

7. Утренний туман (SW6255) LRV = 42

Morning Fog немного глубже, чем Olympus White. У него определенно есть синий оттенок, но он также имеет оттенок лаванды для уникального образа.

Этот цвет хорошо сочетается с Olympus White (SW6255), а также с Serious Grey (SW6256). Таким образом, его можно использовать как более темную акцентную стену для Olympus White. Или его можно использовать в качестве основного цвета и сочетать с серым серым в качестве акцентной стены.

Вы можете получить образец здесь .

8. Серый серьезный (SW6256) LRV = 23

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

Serious Grey — отличный выбор цвета акцента для утреннего тумана (SW6255).

Хотели бы вы видеть это при собственном освещении? Если да, то образец можно получить здесь .

Эти следующие 2 цвета хорошо сочетаются друг с другом

9.Отражение (SW7661) LRV = 66

Светло-серый с голубым оттенком (без пурпурных оттенков). В некоторых источниках света он выглядит более голубоватым; в других — мягкий серый.

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

Образец краски можно найти здесь .

10. Steely Grey (SW7664) LRV = 30

Это более глубокий холодный серый цвет. Он часто бывает слишком темным в качестве самостоятельного цвета (если вы действительно не стремитесь к темному образу), но это отличный выбор для акцентной стены в сочетании с Sherwin Williams Reflection (SW7661).

Как следует из названия, это темно-серый стальной с синим оттенком.

Хотите образец? Вы можете получить здесь .

11. Пассивный (SW7064) LRV = 60

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

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

Он менее крутой, чем серый экран, и чуть светлее.Если вы ищете акцентный цвет для пассивного режима, попробуйте Gray Matters (SW7066). Если вы сделаете цветную полосу намного темнее, вы начнете переходить в темно-серый / коричневый оттенок.

Вы можете получить образец здесь .

Он серый или серый?

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

Вы обнаружите, что большинство американских производителей, таких как Шервин Уильямс и Бенджамин Мур, используют «серый» для выбора цвета в США. Иногда они будут иметь другое написание для Канады. Но в любом случае смысл один и тот же.

Образцы краски

А теперь поговорим об образцах…

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

Вы можете определенно пойти в местный магазин живописи, чтобы купить несколько образцов (и кисть … обязательно покрасьте в 2 слоя), но у меня есть для вас НАМНОГО ЛЕГЧЕ. Отъезд ОБРАЗЕЦ .

Samplize предлагает образцы краски размером 12 дюймов x 12 дюймов, которые являются ЛЕГЧЕ, ДОСТУПНЫМИ и БЕЗОПАСНЫМИ ДЛЯ ЭКОЛОГИИ.

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

  • Образцы будут доставлены прямо к ВАШЕМУ ДРУГУ в течение 1-3 рабочих дней, ожидаются на месте
  • По цене 5 долларов.95, они более доступны, чем образцы / кисти / пенопласт, чем традиционные образцы… и, конечно же, проще и менее грязны.
  • Если вы храните образцы на белой бумаге, вы можете перемещать их от стены к стене и из комнаты в комнату

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

Посетите сайт SAMPLIZE ЗДЕСЬ.

Заключение:

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

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

Скачать PDF-файл для печати

У меня есть все, что вам нужно, здесь, в этой статье. Но это долгое чтение. Если так удобнее, вы можете приобрести PDF-файл всего за 5 долларов.Здесь есть полная статья (включая изображения). Таким образом, вы можете распечатать его, и вы сможете сослаться на него в любое время. (Нажмите на книгу ниже, чтобы приобрести)

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

Полезные инструменты, если вы собираетесь раскрасить себя

Вот несколько инструментов для рисования, которые могут пригодиться, если вы собираетесь рисовать самостоятельно.Кроме того, обязательно ознакомьтесь с моей статьей о Top 10 ошибок DIY Painting и о том, как их избежать . Указанные ниже продукты можно найти на Amazon и доставить прямо к вам.

  • Кисть для рисования — эта стоит немного дороже, но она того стоит. Это поможет вам рисовать быстрее и точнее. Если вы собираетесь раскрасить себя, не экономьте на этом. Кстати, это тоже выбор Amazon.
  • Малярная лента — must have.Используется для всей отделки, а также для зоны потолка
  • Набор малярных валиков — включает поддон. Используйте кисть для краев и валик для основных участков стены (и потолка).
  • Падения — Да, они вам точно понадобятся. У некоторых людей есть под рукой, но их часто бывает недостаточно, если вы делаете много комнат.

Нужны ли вам веерные палубы оттенков краски?

Amazon может помочь в этом. Это намного проще, когда у вас есть полноцветные диски и вы можете видеть все это в собственном доме (vs.переходя туда и обратно в магазин НЕСКОЛЬКО раз).

Шервин Уильямс Бенджамин Мур

Статьи по теме:

11 крутых оттенков серой краски от Sherwin Williams

Почему популярны пятьдесят оттенков серого? 4 причины

В январе 2009 года британский телепродюсер и мать двоих детей начали писать под псевдонимом «Ледяной дракон Снежной королевы», вдохновившись сагой Сумерки (если вы постоянный участник, то знаете, что у нас смешанные чувства по поводу Сумерки. ).

Мисс Иседрагон опубликовала свой первый роман, Повелитель Вселенной , в Интернете, который был основан на персонажах Сумерки . В 2011 году она решила самостоятельно опубликовать сериал, который вскоре собрал достаточно шума, чтобы о нем заговорили Fox News и другие сети.

В 2012 году сериал снял «Рэндом Хаус». С тех пор серия «Пятьдесят оттенков серого» под названием «» была продана тиражом более 100 миллионов экземпляров, что сделало ее одной из самых продаваемых за все время.

Почему

«Пятьдесят оттенков серого» популярен?

Почему люди так любят Fifty Shades of Grey ?

Давайте сделаем очевидное: дело не в письме.

Сегодня в New Yorker Энтони Лейн говорит:

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

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

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

4 причины

Пятьдесят оттенков серого популярны

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

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

1. Мы любим красавицу и чудовище

Неужели это действительно удивление таких людей, как Fifty Shades of Gray ? Это соответствует освященному веками образцу: невинная девушка влюбляется в проблемного мужчину, терпит его антиобщественное поведение из-за веры в его абсолютную доброту и в конечном итоге учит его быть общительным и вежливым членом общества.

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

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

2. Мы любим гендерную политику

Они говорят, что лучший способ удостовериться в успехе книги — это запретить ее, а в случае с Fifty Shades of Grey вся ненавистническая пресса со стороны феминисток и религиозных групп не сделала ничего, кроме создания книги. а теперь фильм, несравненно интереснее.

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

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

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

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

3. Мы (терпим) злоупотребления

Ежегодно в США мужья или бойфренды убивают 1500 женщин.

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

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

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

Мы живем в обществе, где злоупотребляют.

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

Потому что да, этот роман изображает насилие.Не обычный БДСМ.

Становится хуже

В одном исследовании, опубликованном в Journal of Women’s Health, говорится: «Эмоциональное насилие присутствует почти в каждом взаимодействии» между Кристиан и Анной.

Хуже того, роман фактически увековечивает нездоровое поведение, согласно исследованию Университета штата Мичиган:

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

Подробнее см. «50 оттенков злоупотребления».

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

4. Мы любим фэнтези

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

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

Джеймс сказал о Fifty Shades, , что «там все мои фантазии, и все».

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

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

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

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

Пятьдесят оттенков серого Не уйду

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

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

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

Наши фантазии способны изменить реальность.Нам нужно развивать лучшие фантазии. (поделитесь этим в Твиттере?)

Как вы думаете, почему «Пятьдесят оттенков серого» так популярен? Дайте нам знать в комментариях.

ПРАКТИКА

Напишите свою романтическую фантазию.

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

С Днем (ранним) Валентином!

Джо Бантинг — автор и лидер сообщества Write Practice.Он также является автором новой книги Crowdsourcing Paris , реальной приключенческой истории, действие которой происходит во Франции. Это был новый релиз №1 на Amazon. Вы можете следить за ним в Instagram (@jhbunting).

Типы цветов

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

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

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

ПОПРОБОВАТЬ! Создание цветового круга — хороший способ понять, как работают цвета. Начните с красной, желтой и синей краски — основных цветов. Используйте их, чтобы сделать второстепенные цвета. Затем сделайте третичные цвета, смешав основные цвета с ближайшими вторичными цветами. (Например, вы можете смешать желтый с зеленым, чтобы получить желто-зеленый, или желтый с оранжевым, чтобы получить желто-оранжевый.)

Светлота или темнота цвета называется его значением .

Значения цвета можно найти, задав его оттенки и оттенки.

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

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

Поля во время восходящей бури , Винсент Ван Гог

Эта картина Винсента Ван Гога, Поля во время восходящей бури, имеет оттенки и оттенки синего в небе и оттенки зеленого в полях.

ПОПРОБОВАТЬ! Начните с краски вашего любимого цвета. Смешайте его с разным количеством белого, чтобы получить оттенки, и с разным количеством черного, чтобы получить оттенки. Затем попробуйте создать рисунок или дизайн, в котором используются все эти оттенки и оттенки.

Дополнительные (com-pluh-MEN-tuh-ree) цвета располагаются напротив друг друга на цветовом круге. Поскольку они противоположны, они, как правило, выглядят особенно живо, когда используются вместе. Когда вы соединяете дополнительные цвета, каждый цвет выглядит более заметным.

Гвоздика, Лилия, Лилия, Роза от Джона Сингера Сарджента

Красный и зеленый являются примерами дополнительных цветов. Посмотрите на картину Джона Сингера Сарджента « Гвоздика, Лилия, Лилия, Роза ». Красновато-розовый цвет цветов действительно выделяется на зеленом фоне. Представьте, если бы Сарджент вместо этого нарисовал все желтые или синие цветы. Они просто сливались бы с зеленым (хо-хо).

ПОПРОБОВАТЬ! Выберите цвета, противоположные друг другу на цветовом круге.Например, вы можете выбрать синий и оранжевый. Сделайте рисунок, в котором используются оба цвета. Разве они не создают интересного контраста? Это потому, что цвета противоположны.

Аналогичные (э-э-э-э-э-гу) цвета располагаются рядом друг с другом на цветовом круге. Они, как правило, приятно выглядят вместе, потому что тесно связаны.

Подсолнухи Винсента Ван Гога

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

ПОПРОБОВАТЬ! Выберите основной цвет и дополнительный цвет. Например, вы можете выбрать синий и зеленый. Разве они не красиво смотрятся вместе? Это потому, что они аналогичны. С помощью только этих двух цветов вы можете создать еще более аналогичные цвета: сине-зеленый, зеленый-синий и другие промежуточные.Все они будут иметь общий цвет: синий.

Нейтральные (NOO-trul) цвета обычно не отображаются на цветовом круге. К нейтральным цветам относятся черный, белый, серый, а иногда и коричневый и бежевый. Их иногда называют «земными тонами».

Цирк Жоржа Сёра

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

ПОПРОБОВАТЬ! Есть несколько способов сделать нейтральные цвета. Вы можете смешать черный и белый, чтобы получился серый. Вы можете создать коричневый двумя способами: смешав два дополнительных цвета вместе или смешав все три основных цвета вместе.

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

The Fighting Temeraire Уильяма Тернера

В The Fighting Temeraire Уильяма Тернера теплые цвета заката создают ощущение яркости и тепла. Посмотрите на красный цвет, исходящий от заходящего солнца, и глубокое золотое сияние на воде. Если вам холодно, глядя на такие цвета, вы действительно чувствуете себя теплее!

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

Белый сарай от Джорджии О’Киф

На этой картине Джорджии О’Киф, Белый сарай прохладный синий фон создает ощущение тишины.

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *