Сочетание цветов красный черный и: Сочетание красного и черного
Сочетание красного и черного
Метки
Женщины Идеи Красота Лайфхаки Мода Одежда Стиль ЦветЗнаешь ли ты, что залог успеха стильного и гармоничного образа женщины — это умение правильно сочетать цвета. Известные стилисты и модельеры советуют всем представительницам прекрасного пола не увлекаться большим количеством цветов в одном образе, остановившись не более чем на 2–3 оттенках.
Тем не менее элегантный образ не обязательно должен быть выдержан в монохроме или состоять из близких цветовых оттенков. Не менее красивыми и изысканными могут быть образы, построенные на контрасте.
Одним из классических цветовых решений в одежде является контраст красного и черного. Всего два цвета — красный и черный. А как много красивых комбинаций можно из них создать! Красный — цвет жизни, страсти, сексуальности. Черный — это властный и элегантный цвет. Эти два самостоятельных цвета в одном наряде несомненно добавят твоему образу уверенности, дерзости и пленительности.
Несмотря на то, что мода изменчива и актуальность цветовой палитры каждый год меняется, есть вполне устойчивые ансамбли цвета. Красно-черные образы практически не испытывают на себе влияния капризной моды и всегда популярны.
Именно поэтому редакция «Так Просто!» подготовила 12 советов, как лучше сочетать красный и черный, чтобы выглядеть по-королевски. Страсть и шик в одном флаконе!
- Сочетание красного и черного цвета в одежде — это идеальный выбор прежде всего для праздника, торжественных мероприятий. Такая комбинация всегда выглядит ярко, роскошно и говорит о безупречном вкусе обладательницы наряда.
Чем больше в созданном образе красного цвета, тем привлекательнее и заметнее становится женщина!
- Менее официальную композицию можно выбрать для похода на свидание или на прогулку с подругами. Например, черный верх в сочетании с красными брюками или двухцветное платье. Такой наряд безусловно привлечет к тебе пристальное внимание.
- А вот для повседневных образов вполне подойдет черно-красный ансамбль, где красный выступит в виде аксессуара, цветовых деталей. Так, с маленьким черным платьем можно надеть красные лодочки или пиджак.
- С красным верхом (блуза, джемпер или топ) хорошо сочетается черный низ (брюки, джинсы, юбка).
Такое сочетание красного и черного в одежде делает акцент на теле и маскирует нюансы бедер и ног. Эта комбинация подойдет и для офисного наряда, и для праздничного выхода. Главное, подобрать правильный оттенок красного по насыщенности, так как он будет располагаться у лица.
- Комбинация из черного верха и красного низа более спокойная и неформальная и отлично впишется в повседневные ансамбли и в наряды для дневных мероприятий.
- Те, кому ансамбль из красного и черного кажется излишне роковым и броским, могут внести в него элементы белого. Так ты не выйдешь за пределы правила «не более трех цветов» и при этом сделаешь образ менее вызывающим.
- Один цвет может выступать как яркая деталь. Этот способ подойдет для тех, кто боится ярких сочетаний красного и черного в одежде, но при этом хочет быть эффектной.
Ты можешь поиграть с этими цветами, используя их в небольших элементах: красная сумка с черными ручками, контрастная отделка платья, принт, кольца. Пусть эти детали будут твоей аккуратной игрой с двумя роковыми цветами.
- А это просто классика жанра — черные брюки и блузка в сочетании с красным пальто классического кроя. В таком образе ты будешь выглядеть сногсшибательной и элегантной одновременно.
- Стильно и женственно, не правда ли?
- В макияже также можно применить «красное — черное». Черные стрелки и алые губы — классический макияж. Такой макияж подчеркнет твою женственность и таинственность.
Главное, выполнить его грамотно и аккуратно. И подбирай сдержанную, достаточно закрытую одежду, чтобы избежать вульгарности.
- Красное пальто и черные брюки будут выглядеть еще более шикарно, если ты дополнишь этот образ красной сумкой и стильной шляпой в тон к ней.
- Красный предпочитают требовательные и смелые модницы, кто на 100 % уверен в себе.
Совет редакции
Нет такой женщины, у которой не было бы в гардеробе яркой вещи с рисунком. Но большинство модниц теряется, когда дело доходит до сочетания таких нарядов. Ведь хочется выглядеть ярко и интересно, но при этом женственно и элегантно. Поэтому предлагаю тебе узнать, как комбинировать принты в одежде.
Цвета страсти и сексуальности, богатства и роскоши, красный и черный всегда привлекают к себе внимание, а женщина в таком наряде может легко вскружить голову мужчине.
Смело выбирай сочетания красных и черных вещей для создания стильных образов, а также поделись модной подборкой со своими подругами в соцсетях!
Поделиться
С каким цветом сочетается черный, модные варианты
Черный цвет – такой цвет, который означает не что иное, как отсутствие цвета. Он впитывает в себя все остальные оттенки, не выпуская их во внешний мир. Этот цвет весьма парадоксален: его связывают с бесконечностью, с жизненной женской силой, с тишиной. Он вызывает ощущение защищенности, тайны и утешения.
Практически весь мир воспринимает этот цвет крайне негативно, ведь это цвет траура, смерти, горя, гибели, неудачи, несчастья, подавленности, депрессии, зависти, неуверенности, зла, то есть всего плохого, что есть в мире человека.
Черный полон загадок и тайн. С одной стороны он притягивает к себе, но с другой – отпугивает в связи со своей загадочностью. Несмотря на всю противоречивость данного цвета, он весьма популярен в мире моды. Им заглушают чрезмерно яркие тона, при помощи него придают образу строгость и деловитость. Для того чтобы такой цвет не затмил вас самих, его нужно научиться правильно комбинировать. Именно поэтому следует ответить на вопрос: какие цвета сочетаются с черным.
Этот цвет по праву называется универсальным. Он способен весьма хорошо смотреться со всеми остальными расцветками! Какие же цвета сочетаются с ним наилучшим образом?
С черным, естественно, хорошо сочетается красный. Черно-красный ансамбль интригует и очаровывает одновременно. Такой вариант будет уместен в различных стилях, однако большего всего он подходит для торжественных мероприятий. Если вы планируете стать участником какого-нибудь торжественного события, то вместе с монотонным черным платьем можно надеть красный пиджак или пальто. Образ дополнят черные или золотистые аксессуары.
Весьма импозантным является комбинация розового и черного. Такой дуэт подойдет молодым женщинам и девушкам. Розовый пиджак и черное платье составят прекрасный образ, который можно использовать как для романтической встречи, так и для прогулок с подругами.
Сине-черное сочетание – еще один беспроигрышный вариант. Смотрится оно презентабельно, а кроме того, идеально подходит для деловых встреч. Синий цвет величественен. Он лучший союзник черного. Такая комбинация будет уместна всегда и везде.
Находкой для гардероба женщины может стать сочетание черного и бежевого.
Очень многие являются поклонниками черно-желтых сочетаний. В равной степени популярны и оранжево-черные комбинации, за которыми всегда скрываются веселье и радость.
Теперь мы разобрались, какие цвета сочетаются с черным. С каким цветом сочетается черный, помимо описанных случаев? Настоящая гармония – черный и серый. Такие оттенки довольно нейтральны, но при этом их комбинирование смотрится законченным, лаконичным, свободным и довольно элегантным.
Вечная классика – черное и белое. Самый популярный вариант для деловых дам. Его используют повсеместно, и в любых случаях он смотрится выигрышно и уместно. Нередко можно наблюдать за сочетаниями черного и зеленого, которые также имеют право на жизнь.
Когда и где уместен черный?
Да везде и всегда. Исключением может стать разве что свадебное платье. Черный цвет может стать основой любого образа. К примеру, вечернего. Стоит надеть простое маленькое черное платьице – и вы не останетесь незамеченной.
Сторониться данного цвета нужно только работникам телевидения, ведь черный словно отсекает туловище от головы. В таком случае все внимание драгоценных телезрителей будет отвлечено на одежду, а не на диктора. Стоит быть предельно осторожными с черным и в тех случаях, когда хочется удачно познакомиться с мужчиной. Многие представители сильного пола интуитивно боятся подходить к незнакомкам, на которых надеты черные наряды, так как этот цвет подсознательно создает дополнительную дистанцию.
Что говорят психологи?
Стоит поговорить и об оттенках черного. Его светлые тона символизируют эгоизм и центрирование на себе, тогда как темные – страх и ужас. Люди, которые выбирают темно-серые оттенки, нередко заторможены, им приписывают чрезмерную чувствительность. Люди, которые постоянно носят чисто серый оттенок, очень устают. Не стоит забывать, что серый – своеобразный контур черного или его разделительная черта. Серый по природе своей нейтрален. Он не способен выражать никаких чувств и качеств. Есть люди, которые отвергают в одежде и в жизни черный. Такие личности являются явными альтруистами, которые всегда позитивны и готовы прийти на помощь. Подобные люди очень боятся быть незамеченными и ненужными.
Если вы отличаетесь нормальным психологическим фоном, то на вас черный цвет не окажет ни малейшего влияния. Если же у вас есть какие-то проблемы и вас что-то «грызет», то лучше всего временно воздержаться от данного цвета.
Сочетание красного цвета в одежде
.
Екатерина Малярова
Содержание
- 1 Красный + ахроматические цвета: черный, белый, серый.
- 2 Красный +красный, розовый, фуксия
- 3 Красный + желтый, оранжевый, золотой
- 4 Красный +зеленый
- 5 Красный +синий, голубой
- 6 Красный +фиолетовый
- 7 Красный + коричневый, песочный, бежевый
«Отвергать красное — значит отвергать эмоции. » (с)
Красный — цвет власти, роскоши, опасности и страсти.
Красный символизирует одновременно и целомудрие (облачения священнослужителей), и разврат (все наслышаны об улицах не каких-то, а именно красных фонарей!).
Красный побуждает к агрессии, это цвет сильных, властолюбивых и даже склонных к манипуляциям натур.
Красный в чистом виде — не такое распространенное явление в гардеробах, слишком он напорист, требователен к фигуре и внешности.
В большинстве случаев красный присутствует в одежде дозировано, как составляющая цветочных и клетчатых рисунков, полоски и прочих многоцветных принтов. Переплетаясь с другими цветами, при сочетании красного цвета в одежде, красный как бы теряет свою сексуально-агрессивную составляющую и обретает новый смысл. Однако уж если существует одежда красного цвета, значит необходимо ее с чем-то носить и комбинировать.
Какие оттенки лучше всего поддерживают, а какие, наоборот, нежелательные партнеры красного? Давайте разбираться!
Но по традиции о некоторых свойствах красного цвета.
Красный относится к цветам-усилителям, но обостряет он не соседствующие с ним краски (например, белый), а характерные черты персоны, выбирающей одежду насыщенно-красных тонов. Именно этому свойству красного мы обязаны наличием в современной культуре роковому образу женщины в красном платье! Важно понимать, что дело здесь не столько в цвете как таковом сколько в равноправном дуэте «персона-красный».
Красота яркой, сексуальной женщины воспринимается еще острее, если ее усиливает одежда, аксессуары или даже фон красного цвета и, наоборот, женщина малопривлекательная будет казаться в красной одежде еще менее интересной.
К слову, этим приемом очень успешно пользовались художники по костюмам российской теле версии сериала «Не родись красивой». Выбирая для главной героини одежду и аксессуары красного цвета, они еще больше подчеркивали ее неказистость и малопривлекательность.
Красный цвет может побуждать к агрессии и напористости, поэтому одежда и аксессуары красных тонов совершенно неприемлемы для делового дресс-кода.
Красный + ахроматические цвета: черный, белый, серый.
Красный и черный, в большинстве случаев, ассоциируется с элегантностью. Еще одно определение, часто приписываемое этому сочетанию — «беспроигрышный вариант», однако наряду с классикой, дуэт красного с черным — это еще и национальные костюмы и некая театральность образов, и, не будем лукавить, основные цвета нарядов для ролевых секс-игр.
Граница между элегантным аутфитом и «костюмом секретарши» или платьем оперной Дивы весьма ощутима, однако для чистоты картины, несколько характерных деталей, на которые стоит обращать внимание, составляя комплекты из вещей красного и черного цветов:
— как уже говорилось выше, красный — цвет-усилитель характеристик персоны. Черный — цвет-усилитель других цветов. Два усилителя в одном образе выдержит далеко не всякая внешность. Составляя такой комплект, стоит критично посмотреть на себя в зеркало и ответить на вопрос: «а соответствует ли моя внешность и фигура столь требовательным краскам?».
— лучше, если красный и черный будут представлены в аутфите крупными цветовыми блоками, например: черные брюки и свитер+красное пальто или красное платье и сумка + черный плащ и туфли. Чем мельче чередование красного и черного в образе — юбка с красными и черными воланами или красный жакет с черной аппликацией — , тем больше образ будет уходить в сторону театрального или национального костюма.
— чтобы образ не получился слишком эротичным, стоит идти от обратного: костюмы для ролевых игр чаще всего шьются из латекса, лакированной кожи, кружев и блестящих стретч-материалов. Следовательно, повседневные городские образы лучше составлять, избегая глянцевых и других подобных фактур и сильно обтягивающих силуэтов.
Наряд, состоящий из блестящей юбки-карандаш черного цвета и такой же красной блузы с кружевными вставками будет восприниматься двусмысленно. А, например, образ, составленный из черных классических брюк и красного буклированного жакета вряд ли станет читаться окружающими как откровенно сексуальный.
Красный с белым — совсем другая история. Несмотря на то что сексуальный подтекст существует и у этого сочетания, он менее выражен за счет «целомудренности» белого.
Красный с белым — это классика морского стиля, легкий сексуальный флер стиля «пин-ап», а также множество других стилей от женственного «нью-лук» до девичьих «преппи» и «беби-дол».
Белый смягчает агрессивность и сексуальность красного цвета, поэтому такое сочетание подходит практическим всем женщинам, главное определиться со стилем.
Красный и серый — вот где кроется истинная элегантность. Выбирая это сочетание, стоит обратить внимание на светлоту серого и красного. Лучше, если комплект составят равные по светлоте оттенки.
Красный +красный, розовый, фуксия
В этом случае самые удачные сочетания образуются, если соединять красный с разными по светлоте оттенками своей же гаммы. Т.е. ярко-алый красный будет хорошо сочетаться с темно-алым или бордовым, а также розовым без примеси синего тона, кораллово-красный с лососевым и т.д.
Если рассматривать сочетания с оттенками красного, имеющими в составе синий цвет, то наиболее выигрышно, особенно в технике колор блок, смотрятся комбинации красный + фуксия и красный + амарантовый.
Красный + желтый, оранжевый, золотой
Красный, оранжевый и желтый — их сочетания чаще всего бывают удачными и понятными глазу, однако не всякая персона способна вытянуть такой яркий цветовой взрыв в одном образе. Если и выбирать подобные ансамбли, то окружение — природа, ситуация и антураж должны полностью соответствовать яркости и жизнерадостности наряда.
Пляж, загородная прогулка, вечеринка на тему «Стиляги» и другие подобные мероприятия — самое место для комбинации красного с оранжевым и желтым.
Сочетание красного и золотого, несмотря на близость золота к желто-оранжевым цветам, наоборот, несет печать роскоши, величия и даже некой театральности. Недаром подобная комбинация цветов очень часто встречается на картинах, где запечатлены монархи великих держав.
В повседневном городском стиле такое сочетание вряд ли будет уместно, но вполне может использоваться для вечерних платьев и нарядных платьев-коктейль.
Красный +зеленый
Существует мнение, что красный и зеленый в одном наряде могут подружить только французы! Доля истины в этих словах есть, ведь ансамбль зеленого с красным, так же как и красного с черным, несет на себе печать театральности и национальных костюмов разных народов мира.
К тому же зеленый — цвет спокойствия, красный — страсти, что нередко дает очень противоречивые результаты.
Красный в дуэте с теплыми оттенками зеленого — цвет молодой зелени, оливковый, хаки, создает динамичный, «беспокойный» посыл, который больше подходит для молодежной и спортивной одежды.
А вот сочетание красного с холодными, глубокими оттенками зеленого выглядит благородно и сдержанно. В этом случае стоит придерживаться правил комбинации красного с черным:
— не мельчить, чем крупнее цветовые блоки, тем лучше.
Красный +синий, голубой
Лед и пламень — так можно охарактеризовать одно из самых гармоничных сочетаний хроматических цветов! В дуэте они создают удивительно красивые и цельные комбинации от благородных — королевский синий+алый, до спортивно-расслабленных — брусничный+голубой.
Оттенки синего из деловой палитры мягко сглаживают напористость даже самого яркого красного цвета, который, в свою очередь, придает динамику спокойному синему.
Выбирая это сочетание, стоит руководствоваться своим цветотипом и подбирать к лицу тот оттенок, который наилучшим образом подчеркивает природную красоту цвета кожи, волос и глаз.
Красный +фиолетовый
Еще одно почти мистическое сочетание, которое больше характерно для этнических рисунков и вечерних нарядов, чем для повседневно-городских образов. Часто комбинацию красного и фиолетового можно наблюдать в аутфитах, построенных по принципу «колор блок».
Красный + коричневый, песочный, бежевый
Коричневый цвет многообразен и сложен. В его составе может преобладать холодная или теплая составляющая, и от этого будет зависеть успех ансамбля красного и коричневого цветов. Чем теплее и светлее коричневый, чем отчетливее видны в нем красные или оранжевые оставляющие, тем гармоничнее он сочетается к тонами красного. Глухие, холодные оттенки коричневого смотрятся с даже самым ярким и светлым красным мрачно и тревожно.
Что касается бежевых и песочных тонов, они, как и оттенки серого, мягко гармонируют с красным.
Понравились сочетания? Посмотрите еще сочетания бирюзового цвета.
Автор: Екатерина Малярова
Имиджмейкер, создатель тренингов по имиджу и стилю, автор сайта Гламурненько.ru. С 2007 года свыше 500 клиентов сходили со мной на шоппинги. Более 5000 человек проходили тренинги и семинары по имиджу и стилю.
Еще по теме:
Какой цвет получается при смешивании красного и черного?
Красный и черный — это два очень разных цвета, которые часто сочетаются друг с другом в различных дизайнах. Например, вы можете увидеть их друг с другом на шахматной доске и свечах Кванза. Эти цвета могут иметь самые разные значения и символику.
Итак, что произойдет, если смешать красный и черный вместе? Эта цветовая комбинация немного сложнее, чем большинство смесей.
Какой цвет делают красный и черный в Paint?
Если смешать краску красную и краску черную , то получится темно-красная , похожая на бордовую. Это потому, что когда вы добавляете черный цвет к любому цвету краски, вы получаете более темную версию, известную как оттенок.
Знакомство с цветовой моделью RYB
Цветовая модель RYB регулярно преподается на уроках рисования. Это форма субтрактивного смешивания, когда длины волн удаляются из смеси при объединении. Эта цветовая модель в основном используется для рисования, но она может применяться и к другим средствам физического искусства, используемым на уроках рисования.
В этом цветовом круге основными цветами являются красный, желтый и синий. Комбинации этих цветов могут создавать зеленый, оранжевый и фиолетовый, которые являются вторичными цветами. Если вы смешаете три основных цвета вместе, вы получите коричневый. Черный в основном используется для создания более темных версий оттенков этой цветовой модели.
Создание оттенков и оттенков темно-красного
После смешивания красного и черного можно изменить результат, сделав его светлее или темнее. Вот несколько советов, как сделать сочетание цветов другим.
Смешивание светлых цветов
При добавлении белого цвета к цвету создается оттенок. Оттенки — это более светлые и бледные версии исходного цвета. Поскольку бордовый уже очень темный цвет, возможно, вам придется добавить к нему много белого, прежде чем вы заметите разницу. Прежде чем смешивать красный и черный, вы также можете использовать больше красного, чем черного, чтобы получить более светлый результат.
Смешивание более темных цветов
Оттенки создаются при добавлении черного цвета к цвету. Поскольку бордовый уже получен путем добавления черного к красному, маловероятно, что вам нужно будет добавить больше черного. Однако, если вы хотите сделать его еще темнее, вы можете добавить в смесь небольшое количество черной краски.
Темно-красный Цвет Значение
Темно-красный считается более изысканным, чем обычный красный. Он часто ассоциируется с властью, богатством, амбициями, гневом и лидерством. Тем не менее, он также может иметь некоторые общие значения красного цвета.
Красный — цвет силы, энергии и страсти. Он излучает чувство осторожности, мотивации и стимуляции. Некоторые положительные значения включают мужество, желание и уверенность. Тем не менее, это также может быть связано с негативными значениями, такими как гнев, опасность и месть. Значение будет варьироваться в зависимости от контекста цвета и того, как он воспринимается.
Узнайте больше о конкретных значениях бордового цвета.
Можете ли вы сделать красную и черную краску?
Если у вас закончилась красная или черная краска, легко сбежать в магазин за новой. Однако, если у вас нет на это времени, вы можете сделать красную и черную краску самостоятельно.
Красный — основной цвет в цветовой модели RYB, поэтому создать его непросто. В соответствии с цветовой моделью CMYK, которая используется для чернил, красный можно получить, смешав желтый и пурпурный, но пурпурный цвет не является обычным цветом краски.
Есть несколько способов сделать черную или почти черную краску. Наиболее распространенный способ — смешать красный, желтый и синий вместе. В большинстве случаев смешивание трех основных цветов даст вам коричневый, но если вы выберете более глубокие версии цветов, такие как ультрамариновый синий, малиново-красный и желтая охра, вы, скорее всего, получите черный, а не коричневый. Еще один метод, который стоит попробовать, — это смешивание коричневого и синего.
Какой цвет делают красный и черный в свете?
К сожалению, нельзя смешивать красный и черный свет . Это потому, что свет не может казаться черным. Черный цвет не существует в цветовой модели RGB, которая является формой аддитивного смешения, используемой для источников света и цифровых дисплеев. В цветовой модели RGB красный, зеленый и синий являются основными цветами, а голубой, пурпурный и желтый — дополнительными.
Это может показаться запутанным, потому что существует тип света, называемый «черным светом». Однако черный свет испускает ультрафиолетовые лучи, из-за чего они кажутся нам фиолетовыми, а не черными. Таким образом, хотя мы и можем видеть обратно цвет, он не существует в свете и не может смешиваться с другими источниками света.
Почему свет не может быть черным?
Черный считается отсутствием цвета и видимого света. Когда вокруг нас нет света, все кажется черным. Таким образом, невозможно светить светом черного цвета. Единственный способ создать черный цвет в спектре RGB — это полностью уменьшить яркость источника света, что эквивалентно его выключению.
Несмотря на то, что мы не можем создавать черные огни, мы все равно можем видеть черный цвет. Это потому, что цвета зависят не только от того, что видят наши глаза, но и от того, как их воспринимает наш мозг. Есть много цветов, которые не существуют в видимом спектре света, который мы можем видеть, например, коричневый или пурпурный. Наш мозг использует контекст, чтобы помочь нам понять, какие это цвета, поэтому мы можем видеть цвета, которые обычно не относятся к длинам волн видимого света.
Как наши глаза воспринимают цвет?
Нашему мозгу может понадобиться контекст, чтобы воспринимать все цвета, но когда свет падает на объект, многое происходит в наших глазах. При взгляде на объект некоторые длины волн поглощаются им, а другие отражаются от него. Наши глаза видят цвет предмета на основе длин волн, которые от него отражаются.
В спектре видимого света вы увидите цвета, которые обычно встречаются в радуге. Каждый цвет имеет разную длину волны. На одном конце спектра короткие, частые длины волн представляют фиолетовый цвет. С другой стороны, длинные волны представляют красный цвет. Итак, если вы посмотрите на красное яблоко, все более короткие волны будут поглощены объектом, а длинные красные отразятся обратно к вам.
Внутри наших глаз есть колбочки и палочки, которые помогают нам интерпретировать эти цвета. Колбочки находятся в центре сетчатки, и они помогают вам хорошо различать цвета при ярком свете. Палочки работают аналогично, но они намного более чувствительны, поэтому лучше всего видят цвета при тусклом свете. Вместе они помогают вам видеть цвета независимо от освещения.
Существует ли черный цвет в цветовой модели CMYK?
CMYK — это цветовая модель, используемая для печати. Это противоположность цветовой модели RGB, поскольку голубой, желтый и пурпурный являются основными цветами, а красный, зеленый и синий — вторичными. Однако CMYK — это субтрактивная цветовая модель, как и краска, означающая, что длины волн удаляются из смесей, а не добавляются.
Итак, черный цвет существует в CMYK. На самом деле, смешивая голубой, пурпурный и желтый вместе, вы получите черный цвет. Вы могли заметить, что чернильные картриджи часто поставляются с черными чернилами в дополнение к трем основным цветам. «K» в CMYK означает «ключевую пластину» или «ключевой цвет», а черный цвет является «ключевым цветом» для чернил принтера. Таким образом, RGB — единственная цветовая модель, в которой не существует черного цвета.
Если смешать красный и черный в CMYK, вы получите темно-красный цвет, похожий на тот, который вы получите с помощью краски.
Красный и черный в дизайне
Сочетание красного и черного позволяет создавать смелые и эффектные дизайны. Они часто используются вместе в логотипах и рекламе, потому что черный фон помогает красному выделиться больше. Однако эти два цвета в одном дизайне могут быть слишком подавляющими для планировки комнаты. Лучший способ создать современный и стильный дизайн комнаты с помощью красного и черного цветов — это добавить белый цвет в некоторых областях.
Существует множество способов использования красного и черного по отдельности в дизайне любого типа. Черный может хорошо сочетаться практически с любым цветом. Если вы сочетаете его с нейтральным цветом, таким как коричневый, бежевый или серый, он может создать спокойный и утонченный стиль. Тем не менее, если вы сочетаете его с яркими цветами, такими как розовый, бирюзовый или изумрудно-зеленый, дизайн будет более оптимистичным и роскошным. Использование черного и белого вместе может создать отличный контраст для логотипов и рекламы.
Возможно, красный цвет не подходит для такого количества дизайнов, как черный, но все же он подходит для некоторых отличных сочетаний. Красный может хорошо смотреться с такими цветами, как темно-синий, белый, оранжевый или фиолетовый. Это зависит от того, какие чувства и дизайны вы хотите создать.
Смешивание с черным может быть сложным
Смешивание черного цвета сбивает с толку, потому что в рисовании он может легко преобладать над другими цветами. В свете он не существует и не может быть смешан с ним. Таким образом, несмотря на то, что это такой мощный цвет, его нужно использовать осторожно.
Тестирование различных цветов — отличный способ лучше понять, как работает смешивание цветов. Даже если сочетание кажется необычным, как красный и черный, попробовать все равно стоит. Вы можете обнаружить удивительный цвет, который вы никогда не использовали раньше.
Значение цвета — Smashing Magazine
- 17 минут чтения
- Дизайн,
Цвета,
Теория цвета,
Принципы дизайна,
Графический дизайн. Она пишет для ряда блогов и является автором The Smashing…
Больше о
Кэмерон ↬ Давайте углубимся в теорию цвета. Мы обсудим значения различных семейств цветов и приведем несколько примеров того, как эти цвета используются.
В дизайне мало что может быть более субъективным — или более важным — чем использование цвета. Цвет, который может вызвать одну реакцию у одного человека, может вызвать противоположную реакцию у другого из-за культуры, прежних ассоциаций или даже просто личных предпочтений. Получайте обновления по электронной почте о следующих статьях.
Теория цвета сама по себе является наукой и искусством, на котором некоторые строят целую карьеру в качестве консультантов по цвету или иногда консультантов по брендам. Знание того, как цвет влияет на большинство людей, является невероятно ценным опытом, который дизайнеры могут освоить и предложить своим клиентам.
Но это не так. Такая простая вещь, как изменение точного оттенка или насыщенности цвета, может вызвать совершенно другое чувство. Культурные различия могут усугубить эти эффекты: оттенок счастья и воодушевления в одной стране становится удручающим в другой.
Это первая книга из трех частей по теории цвета. Здесь мы обсудим значения различных цветовых семейств и приведем несколько примеров использования этих цветов (с небольшим анализом каждого). Во второй части мы поговорим о том, как оттенок, цветность, насыщенность, насыщенность, тона, оттенки и оттенки влияют на то, как мы воспринимаем цвета. А в части 3 мы обсудим, как создавать эффективные цветовые палитры для ваших собственных дизайнов.
Еще после прыжка! Продолжить чтение можно ниже ↓
Теплые цвета
Теплые цвета включают красный, оранжевый и желтый, а также вариации этих трех цветов. Это цвета огня, осенних листьев, закатов и восходов, обычно они заряжают энергией, страстностью и позитивом.
Красный и желтый являются основными цветами, а оранжевый находится посередине (что делает его второстепенным цветом), что означает, что все теплые цвета действительно теплые и не создаются путем комбинирования теплого цвета с холодным. Используйте теплые цвета в своих проектах, чтобы отразить страсть, счастье, энтузиазм и энергию.
Красный (основной цвет)
Красный — очень горячий цвет. Он ассоциируется с огнем, насилием и войной. Это также связано с любовью и страстью. В истории он был связан как с Дьяволом, так и с Купидоном. Красный на самом деле может оказывать физическое воздействие на людей, повышая кровяное давление и частоту дыхания. Было показано, что он также улучшает метаболизм человека.
Красный может ассоциироваться с гневом, но также ассоциируется с важностью (подумайте о красной ковровой дорожке на церемониях вручения наград и мероприятиях со знаменитостями). Красный также указывает на опасность (причина, по которой стоп-сигналы и знаки красные, а предупреждающие надписи часто красные).
За пределами западного мира красный цвет вызывает разные ассоциации. Например, в Китае красный цвет — цвет процветания и счастья. Его также можно использовать для привлечения удачи. В других восточных культурах невесты надевают красный цвет в дни свадьбы. Однако в Южной Африке красный — цвет траура. Красный также ассоциируется с коммунизмом.
Красный цвет стал символом осведомленности о СПИДе в Африке из-за популярности кампании [RED].
В дизайне красный цвет может быть ярким акцентом. Он может иметь ошеломляющий эффект, если его слишком много использовать в дизайне, особенно в чистом виде. Это отличный цвет для использования, когда сила или страсть хотят быть изображены в дизайне. Тем не менее, красный цвет может быть очень универсальным: его более яркие версии более энергичны, а более темные оттенки более мощные и элегантные.
Примеры
Ярко-красный цвет иллюстрации на главной странице сайта Nacache Design придает странице массу энергии и яркости. Ярко-розово-красный фон на веб-сайте Ming Lab привлекает внимание и вызывает страстность. (2010) Приглушенный красный цвет на сайте Startup Lab энергичен, но не агрессивен. (2010) На веб-сайте Bigsound Buzz используется монохромный дизайн различных оттенков и тонов красного, что в данном случае придает маково-ретро-атмосферу. (2010) На веб-сайте Build in Amsterdam используется ярко-красный акцентный цвет, который сразу привлекает внимание к середине страницы. (2010)Оранжевый (вторичный цвет)
Оранжевый — очень яркий и энергичный цвет. В своих приглушенных формах он может ассоциироваться с землей и с осенью. Из-за своей связи со сменой времен года оранжевый цвет может символизировать изменение и движение в целом. Оранжевый также тесно связан с творчеством.
Поскольку апельсин ассоциируется с одноименным фруктом, он может ассоциироваться со здоровьем и жизненной силой. В дизайне оранжевый привлекает внимание, не будучи таким подавляющим, как красный. Его часто считают более дружелюбным и привлекательным, и менее неприятным.
Примеры
Яркая и смелая домашняя страница Bitter Renter в полной мере использует энергию, которую оранжевый цвет может привнести в дизайн. Темно-оранжевый крупный шрифт We Are Not Sisters сразу же производит впечатление. (2010) Тонкое использование оранжевого цвета Milk Street Кристофера Кимбалла в качестве акцентного цвета показывает, что его можно использовать в более элегантных и консервативных дизайнах. (2010) Sbjct смешивает тонкий персиковый цвет с темно-оранжевым для более монохроматического дизайна, в котором все еще много энергии. (2010) Робин Де Ниро также использует очень светлый персиковый фон с двумя оттенками оранжевого для типографики в гораздо более сдержанном дизайне.Желтый (основной цвет)
Желтый часто считается самым ярким и энергичным из теплых цветов. Он ассоциируется со счастьем и солнечным светом. Однако желтый также может ассоциироваться с обманом и трусостью (назвать кого-то желтым — значит назвать его трусом).
Желтый также ассоциируется с надеждой, что можно увидеть в некоторых странах, когда семьи, чьи близкие находятся на войне, демонстрируют желтые ленты. Желтый тоже ассоциируется с опасностью, хотя и не так сильно, как красный.
В некоторых странах желтый цвет имеет совсем другое значение. В Египте, например, желтый цвет означает траур. В Японии он олицетворяет мужество, а в Индии это цвет торговцев.
Ярко-желтый цвет в вашем дизайне может придать ощущение счастья и бодрости. Мягкие желтые обычно используются в качестве гендерно-нейтрального цвета для младенцев (а не синего или розового) и маленьких детей. Светло-желтые также дают более спокойное ощущение счастья, чем ярко-желтые. Темно-желтые и золотисто-желтые цвета иногда могут выглядеть старинными и использоваться в дизайнах, где требуется ощущение постоянства.
Примеры
Не-совсем-настоящий-желтый цвет чайника живой и яркий, но не подавляющий. (2010)Deskpass использует немного более темный желтый цвет, что придает ему привлекательный, но слегка приглушенный вид. (2010) В Toyfight используется яркий фон золотарника, но в остальном их дизайн остается простым и понятным. Веб-сайт Milano Contract District простой и минималистичный, и все влияние дизайна исходит от ярко-желтого фона. Susa Ventures использует оттенок золотарника как акцентный цвет в их типографике с большим эффектом.Прохладные цвета
К холодным цветам относятся зеленый, синий и фиолетовый, они часто более приглушенные, чем теплые цвета. Это цвета ночи, воды, природы, обычно успокаивающие, расслабляющие и несколько сдержанные.
Синий — единственный основной цвет в холодном спектре, а это означает, что другие цвета создаются путем комбинирования синего с теплым цветом (желтый для зеленого и красный для фиолетового).
Из-за этого зеленый приобретает некоторые свойства желтого, а фиолетовый — некоторые свойства красного. Используйте холодные цвета в дизайне, чтобы создать ощущение спокойствия или профессионализма.
Зеленый (вторичный цвет)
Зеленый — очень приземленный цвет. Он может представлять новые начинания и рост. Это также означает обновление и изобилие. В качестве альтернативы, зеленый может также представлять зависть или ревность, а также недостаток опыта.
Зеленый обладает многими успокаивающими свойствами, что и синий, но он также включает в себя энергию желтого. В дизайне зеленый может иметь уравновешивающий и гармонизирующий эффект и очень стабилен.
Подходит для дизайна, связанного с богатством, стабильностью, обновлением и природой. Ярко-зеленые более энергичны и ярки, в то время как оливково-зеленые более характерны для мира природы. Темно-зеленые — самые стабильные и олицетворяют достаток.
Примеры
На сайте «Память — наша родина» используется сине-зеленый оттенок, усиленный желтой типографикой, но не слишком яркий. На сайте Rhythm of Food используется ярко-зеленый цвет, который идеально подходит для сайта, связывающего еду и информацию. Насыщенный темно-зеленый цвет станет отличным акцентным цветом на веб-сайте элегантного ресторана, такого как Le Farfalle Osteria’s. (2010) Веб-сайт Анны Розы Крау имеет мягкий шалфейно-зеленый фон, который работает почти как нейтральный для этого портфолио. Ярко-зеленый фон HelloMind омолаживает и дает ощущение роста (в соответствии с их продуктом для улучшения работы вашего мозга). Studio Лаймово-зеленые акценты Farquhar выглядят эффектно и современно и выделяются своей минималистской компоновкой.Синий (основной цвет)
В английском языке синий часто ассоциируется с грустью. Синий также широко используется для обозначения спокойствия и ответственности. Светло-голубой может быть освежающим и дружелюбным. Темно-синие более прочные и надежные. Синий также ассоциируется с миром и имеет духовные и религиозные коннотации во многих культурах и традициях (например, Дева Мария обычно изображается в синих одеждах).
Значение синего сильно зависит от точного оттенка и оттенка. В дизайне точный оттенок синего, который вы выберете, окажет огромное влияние на восприятие вашего дизайна. Светло-голубой часто расслабляет и успокаивает. Яркий синий может заряжать энергией и освежать. Темно-синий, как и темно-синий, отлично подходит для корпоративных сайтов или дизайнов, где важны прочность и надежность.
Примеры
Ярко-синий фон главной страницы веб-сайта с результатами исследования Future of Design выделяется, а затем используется в качестве акцентного цвета на остальной части сайта. (2010) Versett использует ярко-синий в качестве основного цвета на своем веб-сайте, а также ряд других ярких оттенков, чтобы различать разные разделы. (2010) На веб-сайте Deep Mind в качестве фона используются различные оттенки синего, что придает сайту авторитетный и заслуживающий доверия вид. (2010)Фиолетовый (дополнительный цвет)
В древние времена красители, используемые для создания фиолетовых оттенков, добывались из улиток и были очень дорогими, поэтому их могли позволить себе только члены королевской семьи и очень богатые люди.
Фиолетовый — это сочетание красного и синего цветов, обладающее некоторыми свойствами обоих. Это также связано с творчеством и воображением.
В Таиланде фиолетовый — это цвет траура по вдовам. Темно-пурпурный традиционно ассоциируется с богатством и королевской властью, а более светлый пурпурный (например, лавандовый) считается более романтичным.
Темно-фиолетовый цвет в дизайне может придать ощущение богатства и роскоши. Светло-фиолетовые мягче и ассоциируются с весной и романтикой.
Примеры
Первый проект в портфолио Филиппо Белло использует фиолетовую цветовую гамму, которая создает ощущение творчества. (2010) На сайте документального фильма «Единый общий дом» используются яркие оттенки фиолетового и ярко-розовые акценты, чтобы придать ощущение энергии, творчества и воображения. и привлекает внимание к важным элементам страницы, таким как кнопки. Темно-фиолетовые оттенки веб-сайта Orbit создают ощущение изысканности, соответствующей их искусственному интеллекту. Фиолетовый — идеальный оттенок для такого творческого мероприятия, как KIKK Festival 2016.Нейтральные цвета
Нейтральные цвета часто служат фоном в дизайне. Они обычно сочетаются с более яркими акцентными цветами. Но их также можно использовать самостоятельно в дизайне и создавать очень сложные макеты. Значения и впечатления от нейтральных цветов гораздо больше зависят от цветов, которые их окружают, чем от теплых и холодных цветов.
Черный
Черный — самый сильный из нейтральных цветов. С положительной стороны, это обычно ассоциируется с силой, элегантностью и формальностью. С отрицательной стороны это может быть связано со злом, смертью и тайной. Черный — традиционный цвет траура во многих западных странах. Это также связано с восстанием в некоторых культурах, а также связано с Хэллоуином и оккультизмом.
Черный цвет, используемый не только в качестве акцента или текста, обычно используется в более смелых, а также очень элегантных дизайнах. Он может быть как консервативным, так и современным, традиционным или нетрадиционным, в зависимости от цветов, с которыми он сочетается. В дизайне черный обычно используется для типографики и других функциональных частей из-за его нейтральности. Черный может помочь передать ощущение изысканности и загадочности в дизайне.
Примеры
Выцветший черный (технически темно-серый, но достаточно близкий к черному, что имеет смысл классифицировать его как таковой) веб-сайта DUA прекрасно работает в таком минималистичном дизайне. (2010) Черный фон Общества анонимных гамбургеров — идеальный холст для удивительных фотографий еды на сайте. анонимный гамбургерНа многих изображениях в портфолио Тимоти Сакченти преобладает черный цвет, который также является цветом прозрачного меню, что придает всему сайту резкий, современный вид. (2010) Минималистичный дизайн с использованием черного цвета в качестве акцента придает сайту Heco суперсовременный вид. Черный оттенок, использованный здесь вместе с анимацией, придает сайту резкий, почти жуткий вид.Белый
Белый находится на противоположном конце спектра от черного, но, как и черный, он может хорошо сочетаться практически с любым другим цветом. Белый часто ассоциируется с чистотой, непорочностью и добродетелью. На Западе невесты в день свадьбы обычно надевают белое. Это также связано с индустрией здравоохранения, особенно с врачами, медсестрами и стоматологами. Белый ассоциируется с добром, и ангелы часто изображаются белыми.
Однако на большей части Востока белый цвет ассоциируется со смертью и трауром. В Индии это традиционно единственный цвет, который разрешено носить вдовам.
В дизайне белый обычно считается нейтральным фоном, который позволяет другим цветам в дизайне звучать громче. Тем не менее, он может помочь передать чистоту и простоту и популярен в минималистском дизайне. Белый цвет в дизайне также может изображать либо зиму, либо лето, в зависимости от других дизайнерских мотивов и цветов, которые его окружают.
Примеры
Black & Wood использует белый цвет как в качестве фона, так и в качестве акцента (например, в типографике), что придает сайту очень чистый вид. (2010) В основном белый фон веб-сайта Нуно Коэльо Сантоса вносит свой вклад в современную эстетику. На веб-сайте Skylark использовалась белая типографика, чтобы придать сайту ощущение чистоты, не переходя к минималистскому дизайну. (2010) Spent использовал белую типографику, чтобы придать сайту современный, но мягкий вид. (2010) Dwell использует белый цвет в качестве акцента на своей странице-заставке, очень уникальный, но эффективный выбор для чего-то, что включает призыв к действию. (2010)Серый
Серый — нейтральный цвет, который обычно считается холодным концом цветового спектра. Иногда его можно считать капризным или депрессивным. Вместо белого в некоторых дизайнах можно использовать светло-серый цвет, а вместо черного — темно-серый.
Серый, как правило, консервативный и формальный, но может быть и современным. Иногда его считают цветом траура. Он обычно используется в корпоративном дизайне, где формальность и профессионализм являются ключевыми. Это может быть очень изысканный цвет. Чистые оттенки серого — это оттенки черного, хотя другие оттенки серого могут иметь примеси синих или коричневых оттенков. В дизайне очень распространен серый фон, как и серая типографика.
Примеры
Веб-сайт Round очень современный, с различными оттенками серого, используемыми для выделения различных разделов сайта. (2010) Серый фон на веб-сайте For Office Use Only настолько тонкий, что кажется почти белым, и придает сайту очень современный вид. (2010) На веб-сайте Shinola Грей приобретает утонченный, но приземленный вид. (2010) В сочетании с современной типографикой серый цвет приобретает современный вид. (2010) Серый — идеальный фоновый цвет для портфолио иллюстраций. (2010)Коричневый
Коричневый ассоциируется с землей, деревом и камнем. Это полностью естественный цвет и теплый нейтральный цвет. Коричневый может ассоциироваться с надежностью и надежностью, стойкостью и приземленностью. Его также можно считать скучным.
В дизайне в качестве фона обычно используется коричневый цвет. Это также видно в текстурах дерева, а иногда и в текстурах камня. Это помогает придать дизайну ощущение тепла и полезности. Иногда он используется в своих самых темных формах в качестве замены черного, будь то фон или типографика.
Примеры
Trefecta использует теплый коричневый цвет в качестве акцента для кнопок и CTA, что является неожиданным выбором, учитывая современность остального дизайна. (2010) Кремовый фон и коричневая типографика сайта-портфолио Ясухиро Ёкоты теплые и землистые, но при этом служат просто хорошим фоном для дизайнерских работ в виде оттенков серого. Парикмахерская Off & On использует различные коричневые элементы для большей части своего сайта. сайт, придавая ему старомодный вид. (2010) Веб-сайт Умберта Чессари использует различные оттенки коричневого для цветовых акцентов, что придает ему землистую привлекательность. (2010) Веб-сайт Green Rebel использует коричневый цвет для большей части своей типографики и графики, а также в некоторых текстурах, придавая ощущение органичности. (2010)Beige and Tan
Beige несколько уникален в цветовой гамме, так как может принимать холодные или теплые тона в зависимости от окружающих цветов. Он сочетает в себе теплоту коричневого и прохладу белого, и, как и коричневый, иногда кажется скучным. В большинстве случаев это консервативный цвет, который обычно используется для фона. Он также может символизировать благочестие.
Бежевый цвет в дизайне обычно используется для фона и часто встречается на фоне с текстурой бумаги. Он примет характеристики окружающих его цветов, а это означает, что сам по себе он мало влияет на окончательное впечатление, которое дизайн производит при использовании с другими цветами.
Примеры
На веб-сайте People Map используется более золотистый оттенок загара, что придает сайту высококлассный вид, особенно в сочетании с типографикой. (2010) На веб-сайте La Pierre Qui Tourne используются различные оттенки коричневого цвета в качестве основной цветовой палитры, а также несколько очень ярких цветов для очень забавного дизайна. Сайт Mile Inn сочетает в себе современную типографику с бежево-черной цветовой палитрой для сайта, который чувствует себя ретро и бедро. (2010) Коричневый акцент, использованный на этом сайте, совершенно неожиданный и придает ему вид модерна середины века.Кремовый и цвет слоновой кости
Цвет слоновой кости и кремовый — изысканные цвета, сочетающие теплоту коричневого и прохладу белого. Обычно они тихие и часто вызывают ощущение истории. Слоновая кость — спокойный цвет с некоторой чистотой, связанной с белым, хотя он немного теплее.
В дизайне слоновая кость может придать сайту ощущение элегантности и спокойствия. В сочетании с землистыми цветами, такими как персиковый или коричневый, он может приобретать землистый оттенок. Его также можно использовать для осветления более темных цветов без резкого контраста с использованием белого.
Примеры
Едва заметный фон цвета слоновой кости на сайте-портфолио Стефани Брюклер — долгожданное изменение темпа по сравнению с типичным нейтральным серым, придающее ему неподвластный времени вид. (2010) Насыщенный кремовый кажется очень современным и даже резким акцентным цветом при использовании с черным фоном. Кремовый — неожиданный выбор цвета фона для веб-сайта, ориентированного на тех, кто работает в технологической отрасли, но придает ему теплый, человеческий оттенок. Учитывая насколько странным является фильм «Лобстер», использование бледно-белого фона для веб-сайта — неожиданно сдержанный выбор, который кажется очень современным. (2010) Насыщенный кремовый фон Sweet Magnolia Gelato идеально подходит для создания теплого и уютного дизайна.Коротко
Хотя информация, содержащаяся здесь, может показаться немного ошеломляющей, теория цвета в большей степени касается ощущений, которые вызывает тот или иной оттенок, чем что-либо еще. Но вот краткий справочник общих значений цветов, рассмотренных выше:
- Красный: Страсть, Любовь, Гнев
- Оранжевый: Энергия, Счастье, Жизнеспособность
- Желтый: Счастье, Надежда, Обман
- Зеленый: Новые Начинания, Изобилие, Природа
- Blue: Calm, Responsible, Sadness
- Purple: Creativity, Royalty, Wealth
- Black: Mystery, Elegance, Evil
- Gray: Moody, Conservative, Formality
- White: Чистота, Чистота, Добродетель
- Коричневый: Природа, Целостность, Надежность
- Желтовато-коричневый или Бежевый: Консервативный, Благочестивый, Тусклый
- Кремовый или Цвет Слоновой Кости: Спокойствие, Элегантность, Чистота
Вся серия
- Теория цвета для дизайнеров, часть 1: значение цвета
- Теория цвета для дизайнеров, часть 2: понимание концепций и терминологии Цветовые палитры
Дополнительные ресурсы
- Простое руководство веб-разработчика по цвету
- Кодовая сторона цвета
- Значения цветов
- Значения цветов и символика
Шестнадцатеричный цвет — кодовая сторона цвета — журнал Smashing Magazine
- 7 минут чтения
- Кодирование Цвета, Теория цвета, Essentials
- Поделиться в Twitter, LinkedIn
Об авторе
Бен Гремиллион — писатель в ZURB. Он начал свою карьеру в дизайне газет и журналов, увидел цифровое будущее и быстро выучил HTML. Он написал … Больше о Бен ↬
Проблема с названием цвета заключается в том, что два разных человека никогда не воспринимают его как один и тот же цвет, особенно если они заинтересованы в эмоциональном воздействии веб-сайта. Назовите цвет, и вы, скорее всего, произведете обманчивое впечатление. Даже что-то вроде «синего» неясно. Точнее, это может быть «небесно-голубой», «голубой океан», «синий джинсы» или даже «синий электродуговой сварки».Проблема с названием цвета заключается в том, что два разных человека никогда не воспринимают его как один и тот же цвет, особенно если они заинтересованы в эмоциональном воздействии веб-сайта. Назовите цвет, и вы, скорее всего, произведете обманчивое впечатление. Даже что-то вроде «синего» неясно. Точнее, это может быть «небесно-голубой», «голубой океан», «синий джинсы» или даже «синий электродуговой сварки».
Описание зависит от личного вкуса и контекста других цветов. Мы называем их «индиго», «нефрит», «оливковый», «мандариновый», «алый» или «кабаре». Что такое «электрическая известь»? Названия и точные оттенки различаются — если только вы не компьютер.
Дополнительная литература на SmashingMag:
- Теория цвета для дизайнеров: значение цвета
- Простое руководство по цвету для веб-разработчика
- Понимание концепций цвета и терминологии
- Создание собственных цветовых палитр
Код требует точности
Когда компьютеры называют цвет, они используют так называемый шестнадцатеричный код , который большинство людей игнорирует: 24-битные цвета. То есть 16 777 216 уникальных комбинаций ровно шести символов, состоящих из десяти цифр и шести букв, которым предшествует решетка. Как и в любом компьютерном языке, здесь действует логическая система. Дизайнеры, которые понимают, как работают шестнадцатеричные цвета, могут обращаться с ними как с инструментами, а не как с тайнами.
Разбиение шестнадцатеричных чисел на управляемые байты
Пиксели на экранах с подсветкой остаются темными до тех пор, пока не подсвечиваются комбинацией красного, зеленого и синего цветов. Шестнадцатеричные числа представляют эти комбинации кратким кодом. Этот код легко взломать. Чтобы понять
#970515
, нам нужно взглянуть на его структуру:Первый символ
#
объявляет, что это «шестнадцатеричное число». Остальные шесть на самом деле представляют собой три набора пар:0–9
иa–f
. Каждая пара управляет одним основным аддитивным цветом.
Чем выше число, тем ярче каждый основной цвет. В приведенном выше примере 97 подавляет красный цвет, 05 — зеленый цвет и 15 — синий цвет.Каждая пара может содержать только два символа, но
#999999
только среднего серого цвета. Чтобы получить цвета ярче, чем99
, используя всего два символа, в каждом из шестнадцатеричных чисел используются буквы для представления10–16
.А
,Б
,К
,Д
,E
иF
после0–9
дают четное16
, мало чем отличающееся от карточных валетов, дам, королей и тузов.Будучи математическими, удобными для компьютера кодами, шестнадцатеричные числа представляют собой строки, заполненные шаблонами . Например, поскольку
00
— это отсутствие основного цвета, аff
— основной в полном объеме,#000000
— черный (без основных цветов), а#ffffff
— белый (все основные цвета). Мы можем опираться на них, чтобы найти аддитивные и субтрактивные цвета. Начиная с черного, измените каждую пару наff
:-
#000000
черный, начальная точка. -
#**ff**0000
означает самый яркий красный цвет. -
#00**ff**00
означает самый яркий зеленый цвет. -
#0000**ff**
означает самый яркий синий цвет.
Субтрактивные цвета начинаются с белого, т.е. с помощью
#ffffff
. Чтобы найти вычитающие основные числа, измените каждую пару на00
:-
#ffffff
— белый, начальная точка. -
#**00**ffff
означает самый яркий голубой. -
#ff**00**ff
— самый яркий пурпурный. -
#ffff**00**
означает самый яркий желтый цвет.
Сокращения в шестнадцатеричном формате
Шестнадцатеричные числа, которые используют только три символа, такие как
#fae
, подразумевают, что каждый разряд единиц должен соответствовать разряду шестнадцати. Таким образом,#fae
расширяется до#ffaaee
и 9.0372 #09b на самом деле означает#0099bb
. Эти сокращенные коды обеспечивают краткость кода.В большинстве случаев можно прочитать шестнадцатеричное число, игнорируя все остальные символы, потому что разница между шестнадцатыми разрядами говорит нам больше, чем разряд единиц. То есть трудно увидеть разницу между 41 и 42; легче измерить разницу между 41 и 51.
В приведенном выше примере достаточно различий между шестнадцатыми разрядами, чтобы было легко угадать цвет — много красного, немного синего, зеленого нет. Это дало бы нам теплый фиолетовый цвет. Десятки во втором примере (9, 9 и 8) очень похожи. Чтобы судить об этом цвете, нам нужно изучить те (7, 0 и 5). Чем ближе расположены шестнадцать разрядов шестнадцатеричного цвета, тем более нейтральным (то есть менее насыщенным) он будет.
Заставьте шестнадцатеричные числа работать на вас
Понимание шестнадцатеричных цветов позволяет дизайнерам делать больше, чем просто впечатлять коллег и клиентов, говоря: «А, хороший оттенок бордового». Шестнадцатеричные цвета позволяют дизайнерам настраивать цвета на лету, чтобы улучшить разборчивость, идентифицировать элементы по цвету в таблицах стилей и разрабатывать цветовые схемы способами, недоступными для большинства графических редакторов.
Сохранить оттенки в характере
Чтобы осветлить или затемнить цвет, часто приходится регулировать его яркость. При этом цветовая гамма варьируется от темного до яркого , но теряет свой характер на любом конце шкалы. Например, зеленый цвет ниже среднего становится явно черным при уменьшении яркости до 20%. Поднятый до 100%, когда-то нейтральный зеленый цвет приобретает яркость.
Забавная вещь происходит, когда мы обращаемся с шестнадцатеричными цветами так, как если бы они были десятичными. Добавляя единицу к каждому левому символу каждой пары, мы повышает яркость цвета, а снижает его насыщенность. Это предотвращает слишком близкое блуждание оттенков заданного цвета к абсолютно черному или яркому неону. Изменение шестнадцатеричных пар сохраняет сущность цвета.
В приведенном выше примере верхний набор оттенков становится желтым или опускается до черного, хотя технически это тот же зеленый оттенок. Изменяя свои шестнадцатеричные пары, второй набор, кажется, сохраняет более естественные оттенки.
Бледные подчеркивания
По умолчанию браузеры подчеркивают текст для обозначения ссылок. Но толстые подчеркивания мешают выносным элементам букв. Дизайнеры могут сделать подчеркивание менее навязчивым, уменьшив шестнадцатеричные цвета. Идея состоит в том, чтобы сделать теги ближе к цвету фона, а сам текст становится контрастнее по отношению к фону.
- Для темного текста на светлом фоне делаем ссылки ярче.
- Для яркого текста на темном фоне делаем ссылки темнее.
Чтобы это работало, каждая встроенная ссылка должна иметь <
span
> внутри каждого :a { text-decoration:underline;color:#aaaaff; }
a span { text-decoration: none; color: # 0000ff; }
Как вы можете видеть здесь, подчеркивание того же цвета, что и текст, может мешать частям текста, которые опускаются ниже базовой линии. Изменение подчеркивания, чтобы оно больше напоминало фон, облегчает чтение выносных элементов, даже несмотря на то, что большинство браузеров размещают подчеркивание над буквенными формами.
Добавление интервалов к каждому тегу привязки может быть проблематичным. Популярной альтернативой является удаление подчеркиваний и добавление border-bottom:
a { text-decoration: none; нижняя граница: 1px сплошная #aaaaff; }
Улучшенная копия тела
Повторяющаяся проблема проектирования заключается в том, что конкретный цвет может быть технически правильным, но иметь непреднамеренный эффект. Например, некоторые дизайны требуют, чтобы заголовки и основной текст были одного цвета. Мы должны иметь в виду, что чем толще штрихи крупного текста, тем темнее выглядит мелкий текст.
h2, p { цвет: #797979; }
h2 { color: #797979; }
p { color: #393939; }
Технически идентичные, но основная часть копии уже, а более изящные формы букв делают ее визуально ярче, чем заголовок. Понижение шестнадцати разрядов облегчит чтение текста.
Как разогреть или охладить фон
На нейтральном фоне может быть легко читать, но «нейтральный» не обязательно означает «мягкий». Настройка первого и последнего байта может сделать фон слегка теплее или холоднее.
-
#404040
— нейтральный -
#504030
— теплее -
#304050
— холоднее88 For a more subtle shift, use the ones places instead:-
#404040
— neutral -
#4f4040
— warmer -
#40404f
— cooler
Coordinate Colors With Copy-Paste
Распознавание структуры пар цифр и букв в шестнадцатеричных числах дает дизайнерам уникальный инструмент для изучения цветовых комбинаций. В отличие от цветовых кругов и диаграмм, перестановка пар в шестнадцатеричном числе — это простой процесс изменения оттенков при сохранении одинаковых значений. В качестве бонуса результаты могут быть непредсказуемыми. Самый простой способ — переместить одну пару символов в другое место, где основные цвета меняются местами.
Обычный метод проектирования, позволяющий согласовать текст или другие визуальные элементы с фотографией, заключается в использовании цветов из этой фотографии.
-