Цвет темно: Темно-зеленый цвет и его сочетание

Содержание

Темно-зеленый цвет и его сочетание

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

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

Содержание

1 Оттенки темно-зеленого цвета. Фото
2 Сложное сочетание темно-зеленого
3 Сочетание темно-зеленого в палитрах
4 Сочетание темно-зеленого с другими оттенками

5 Темно-зеленый цвет в одежде
6 Сочетание темно-зеленого цвета в одежде
7 Темно-зеленый цвет в интерьере
8 Сочетания темно-зеленого в интерьере

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

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

Оттенки темно-зеленого цвета. Фото

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

Так же этот тон можно представить в следующих оттенках:

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

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

Хвойные – темные тона зеленого с преобладание в составе желтого, но черный, как холодный оттенок перебивает тепловое направление.

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

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

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

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

Сложное сочетание темно-зеленого

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

— с цветом умбра (3) — естественный и яркий перепад оттенков. Коричневый, как тон деревьев, прекрасно сочетается с темно-зеленым, а умбра – цвет коры, освещенный солнцем. Это предает особую живость композиции.

Дополните сочетание темно-бордовым, серебряным, молочно-белым.

Сочетание темно-зеленого в палитрах

Густая зелень

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

Звездное небо в лесу

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

Апельсиновое дерево

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

Букет роз в зелени

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

Сочетание темно-зеленого с другими оттенками

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

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

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

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

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

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

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

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

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

Темно-зеленый с коричневым сочетаются

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

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

Темно-зеленый цвет в одежде

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

Цвет подойдет цветотипам «осень», «зима», контрастному «лето». Для «весны» — он считается резковатым, однако, будучи чистым, он только добавит контраста во внешность (естественно, с выразительным макияжем).

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

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

Сочетание темно-зеленого цвета в одежде

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

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

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

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

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

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

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

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

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

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

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

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

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

Темно-зеленый цвет в интерьере

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

Сочетания темно-зеленого в интерьере

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

ПОСМОТРЕТЬ СОЧЕТАНИЯ С ПОХОЖИМИ ОТТЕНКАМИ (нажать на цвет)

как различают цвета в журналах мод – Юлия Гусарова – Стиль – Материалы сайта – Сноб

Началось все с того, что в Москве задул ветер. Да так задул, что я захотела срочно купить кожаную куртку, чтобы не путаться в длиннополом пальто до начала листопада. Присмотрев неплохой вариант, я взяла день на раздумья. «Она такого приятного винного цвета!» — расписывала я знакомой свою будущую покупку, надеясь в ее глазах прочитать ответ на вопрос «брать или не брать». «Слышала по телевизору, что цвет масала в тренде», — отреагировала она. «Какая еще масала? — возражаю. — Только сегодня пила масалу, она бежевая. Ну, чай с молоком — каким ему еще быть? Может, ты перепутала масалу с сангрией? В прошлом году все жужжали: “Сангрия — самый благородный цвет”». Она не унималась: «Не было никакой сангрии! А масала — была, и под этим словом подразумевали темно-красный».

Я достала телефон и принялась при ней гуглить «цвет масала». Google нашел по-своему — так мы с опозданием более чем в полгода узнали, что цвет года 2015 по версии института Pantone носит название Marsala. Журналисты подхватили это название, приятно катающееся на языке, — так у нас появился еще один темно-красный. Марсала в 2015 году, сангрия в 2014-м, бургунди в 2012-м — сначала я думала, что работники западного глянца и фэшн-блогеры обожают развлекаться с неймингом, сидя в винном баре, в то время как наши авторы больше любят абстрактные «винные оттенки», а люди, не читающие журналов мод, предпочитают ограничиваться одним лишь «бордо». «Вишневый» ассоциируется с изделиями, сходящими с конвейера Волжского автозавода, «гранатовый» по понятным причинам чаще связан с ювелирными украшениями, про «цвет борща» вспоминают, когда хотят высказаться о чьем-то наряде иронически.

В английском языке есть универсальное обозначение темно-красного — maroon. Но, согласитесь, куда интереснее иметь в гардеробе целую винную карту и еще пару демонических вещей оттенка oxblood («бычья кровь»). Открыв в браузере несколько вкладок с разновидностями maroon, я поняла, что оттенки темно-красного с разными названиями действительно отличаются. Хотя редакторы и бильд-редакторы дифференцируют оттенки с разной степенью тщательности, как в дурацком анекдоте про то, как женщина и мужчина видят один и тот же цвет.

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

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

Фото: fashionisers.com

«Марсала» — ненасыщенный теплый оттенок красного, дальний родственник которого, очевидно, терракота. Пока что в сфере моды его трактуют наименее однозначно, хотя институт Pantone, отвечая на вопрос Why Marsala, ссылался на наблюдения за коллекциями одежды сезона весна-лето 2015, показанными на неделях моды в 2014 году. Скорее всего, через год это название благополучно забудется, поскольку сейчас оно живо лишь благодаря департаменту стратегических коммуникаций Pantone, который сумел добиться того, что объявление «цветов года» всякий раз имеет статус сенсации. В прошлом году цвет года назывался «Сияющая орхидея». Можете навскидку сказать, на что он похож?

Фото: fashionisers.com

Чем отличается бордовый от бургундского? Пытаться понять цветовые различия между одноименными винами бесполезно. Институт Pantone, кстати, отмалчивается: оттенка Bordo не существует, а оттенок Bordeaux русский глаз мог бы идентифицировать как сиреневый или фиолетовый. После просмотра нескольких сотен картинок я сделала выводы: бордовый, кажется, теплее, а бургундский «дружит» со сливовым. На фото ниже джемпер скорее бордовый, а юбка и сумка скорее бургундские. Или нет?

Фото: collagevintage.com

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

Фото: laurenmessiah.com

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

50 оттенков серого темного режима

Глубокое погружение в палитры темного режима Spotify, Twitter, Facebook путем анализа шестнадцатеричных кодов

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

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

Цветовое пространство RGB

RGB

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

Цветовое пространство RGB — одна из самых популярных моделей. Каждый цвет представляет собой совокупный вес трех цветов: красного, зеленого и синего. Вес варьируется от 0 (наименьший) до 255 (наибольший) и обычно отображается в виде тройки: (красный вес, зеленый вес, синий вес) . Например, красный будет (255, 0, 0) , поскольку в чистом красном нет следов зеленого или синего. Глубокий фиолетовый цвет баклажана — (128, 0, 128) с равными частями красного и синего. У нас также есть черный цвет, отсутствие цвета: (0, 0, 0) и белый, все цвета: (255, 255, 255).

Мы также можем визуализировать цветовое пространство RGB в виде куба с красной, зеленой и синей осью. Каждый цвет может быть «построен» в этом кубе.

Нас интересуют цвета вдоль и вокруг линии оттенков серого . В этом RGB-кубе линия оттенков серого проходит от черного к белому. Каждый цвет в этой строке имеет одинаковое значение для красного, зеленого и синего. Например, средний серый — это 9.0017 (127, 127, 127) и является средней точкой линии оттенков серого. Чем ближе значения к 0, тем темнее оттенок серого, поскольку черный — это (0, 0, 0) .

Линия оттенков серого от черного к белому

Цвета, окружающие линию оттенков серого, не являются чисто серыми, а слегка окрашены. Например, Twitter использует (25, 39, 52) . Обратите внимание, хотя значения близки друг к другу, синее значение является самым большим. Таким образом, этот оттенок серого немного синеват.

HEX-коды

Для оцифровки этого триплета RGB у нас есть цветовые коды HTML (Hex). HTML, CSS, SVG и другие используют шестнадцатеричные коды для представления цветов. Название происходит от того, что шестнадцатеричные коды представляют собой просто объединение значений RGB в шестнадцатеричных десятичных числах. Иногда перед шестнадцатеричным кодом ставится знак решетки. Если мы преобразуем вышеупомянутые цвета в шестнадцатеричный формат, мы получим:

Красный: (255, 0, 0) → #ff0000
Фиолетовый баклажан: (128, 0, 128) → #800080
Черный: (0, 0, 0) → #000000
Средне-серый: (127, 127, 127) → #7f7f7f
Белый: (255, 255, 255) → #ffffff
Твиттер сине-серый: (25, 39, 52) → #192734

Теперь, когда мы немного знаем о представлениях RGB и Hex, мы можем исследовать мир темного режима.

Анатомия приложения в темном режиме

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

Фон

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

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

Карточка

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

Разделитель

Некоторые карты имеют разделители для разделения содержимого. Разделители еще легче.

Кнопка

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

Первичный текст

Заголовки и заголовки. Основной текст — самый светлый цвет на сайте, обычно очень близкий к белому.

Дополнительный текст

Дополнительный текст имеет меньший размер шрифта и немного темнее, чем его основной аналог.

Значок

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

Вот некоторые характеристики, которыми обладают многие современные приложения в темном режиме! Теперь мы рассмотрим, как эти элементы применяются к популярным приложениям.

Spotify (приложение macOS)

Слева направо : фон, панель меню, верхний градиент, нижний градиент, основной текст, дополнительный текст

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

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

Яркие поп-цвета

Spotify также является единственным приложением, которое я заметил, которое использует градиент для основного фона. Ссылаясь на палитру, фон варьируется от #404040 , гораздо более светло-серого, до #181818 , почти черного. Моя теория также заключается в том, что пользователи проводят больше всего времени, просматривая страницы списка воспроизведения:

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

Дополнительные комментарии :

Основной текст чисто белый, вторичный текст светло-серый — довольно стандартный
Каждый цвет представляет собой чистый оттенок серого, без оттенков
Акцентный цвет (зеленый) тонко используется для разбавления оттенков серого

Twitter (Интернет)

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

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

Дополнительные комментарии :

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

Facebook (Интернет)

Слева направо : фон, карточка, цвет при наведении, основной текст, дополнительный текст

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

Цвета также могут быть оттенками серого.

Дополнительные комментарии :

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

Youtube (Интернет)

Слева направо : фон, меню, цвет при наведении, основной текст, дополнительный текст

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

Средний (приложение iOS)

Слева направо : фон, строки меню, основной текст, дополнительный текст

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

Дополнительные комментарии :

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

Apple

iPhone

Слева направо : фон, карточка (Настройки), карточка (iMessage), основной текст, дополнительный текст

Темный режим для iPhone можно увидеть в родных приложениях Apple, например как «Настройки», «iMessage», «Заметки», «Фотографии» и т. д. Приложения, которые вы загружаете, также могут распознавать, что вы установили свой iPhone в темный режим, и автоматически настраивают свою тему.

Дополнительные комментарии :

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

Mac

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

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

Заключение

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

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

Спасибо за внимание!

Первоначально опубликовано в codeburst на Medium .

Цветовая палитра Dark Mode Дизайны, темы, шаблоны и загружаемые графические элементы на Dribbble

Просмотр библиотеки цветов для темного и светлого режима
Библиотека цветов для темного и светлого режимов
Посмотреть переключатель темного режима
Переключатель темного режима
Мобильное приложение View Realtor Dark Theme: ночной режим, дизайн пользовательского интерфейса черного цвета
Мобильное приложение Realtor Dark Theme: ночной режим, дизайн пользовательского интерфейса черного цвета
Посмотреть заставки😍
Брызги😍
Посмотреть Затерянный в лесу
Потерялся в лесу
Просмотр темного режима
Темный режим
Просмотреть цвета Space307
Цвета Космос307
Посмотреть GitHub — цвета темного режима
GitHub — цвета темного режима
Посмотреть ICONIUM — Пользовательский интерфейс — Темный режим
ICONIUM — Пользовательский интерфейс — Темный режим
Посмотреть концепт Postlight
Концепция Postlight
Кнопка просмотра цветового режима: переход от темного к светлому и от темного к светлому
Кнопка цветового режима: переход от темного к светлому и от темного к светлому
Посмотреть шаблон личного блога: руководство по стилю
Шаблон личного блога: Руководство по стилю
Просмотр переключателя темного/светлого режима
Переключатель темного/светлого режима
Просмотр пользовательского интерфейса макета
Интерфейс макета
Посмотреть брендбук Postlight
Брендбук Postlight
Посмотреть 1001 арабскую ночь
1001 Арабские ночи
Просмотр терминала Warp. dev
Терминал Warp.dev
Просмотр палитры цветов с коэффициентом контрастности — темный режим
Палитра цветов с коэффициентом контрастности — темный режим
Пользовательский интерфейс панели просмотра темный
Темный пользовательский интерфейс приборной панели
Просмотреть #Exploration – все экраны с закладками в веб-приложении
#Exploration — веб-приложение для создания закладок на всех экранах
Просмотреть приложение Музыкальный проигрыватель — Music.