html{overflow-x:hidden;max-width:100vw} .{{async}}:not([data-{{type}}="outgoing"]) + .{{async}}:not([data-{{type}}="outgoing"]){display:none} [data-{{status}}]{background-color:transparent;transition:background-color .2s ease} [data-{{status}}]{position:relative;overflow:hidden;border-radius:3px;z-index:0} .{{cross}}{transition:box-shadow .2s ease;position:absolute;top:-0px;right:0;width:34px;height:34px;background:#000000;display:block;cursor:pointer;z-index:99;border:none;padding:0;min-width:0;min-height:0} .{{cross}}:hover{box-shadow:0 0 0 50px rgba(0,0,0,.2) inset} .{{cross}}:after, .{{cross}}:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:calc(34px / 2);height:3px;background:#ffffff;transform-origin:center;transform:rotate(45deg);margin:auto} .{{cross}}:before{transform:rotate(-45deg)} .{{cross}}:hover:after{transform:rotate(225deg)} .{{cross}}:hover:before{transform:rotate(135deg)} .{{timer}}{position:absolute;top:-0px;right:0;padding:0 15px;color:#ffffff;background:#000000;line-height:34px;height:34px;text-align:center;font-size:14px;z-index:99} [data-{{type}}="outgoing"].center .{{timer}},[data-{{type}}="outgoing"].center .{{cross}}{top:0!important} .{{timer}} span{font-size:16px;font-weight:600} [data-{{type}}="outgoing"]{transition:transform 300ms ease,opacity 300ms ease,min-width 0s;transition-delay:0s,0s,.3s;position:fixed;min-width:250px!important;z-index:9999;opacity:0;background:#ffffff;pointer-events:none;will-change:transform;overflow:visible;max-width:100vw} [data-{{type}}="outgoing"] *{max-width:none} [data-{{type}}="outgoing"].left-top [id*="yandex_rtb_"], [data-{{type}}="outgoing"].right-top [id*="yandex_rtb_"], [data-{{type}}="outgoing"].left-center [id*="yandex_rtb_"], [data-{{type}}="outgoing"].right-center [id*="yandex_rtb_"], [data-{{type}}="outgoing"].left-bottom [id*="yandex_rtb_"], [data-{{type}}="outgoing"].right-bottom [id*="yandex_rtb_"]{max-width:336px;min-width:160px} [data-{{type}}="outgoing"]:after,[data-{{type}}="outgoing"]:before{display:none} [data-{{type}}="outgoing"].{{show}}{opacity:1;pointer-events:all;min-width:0!important} [data-{{type}}="outgoing"].center{position:fixed;top:50%;left:50%;height:auto;z-index:2000;opacity:0;transform:translateX(-50%) translateY(-50%) scale(.6)} [data-{{type}}="outgoing"].center.{{show}}{transform:translateX(-50%) translateY(-50%) scale(1);opacity:1} [data-{{type}}="outgoing"].left-top{top:0;left:0;transform:translateX(-100%)} [data-{{type}}="outgoing"].top-center{top:0;left:50%;transform:translateX(-50%) translateY(-100%)} [data-{{type}}="outgoing"].right-top{top:0;right:0;transform:translateX(100%)} [data-{{type}}="outgoing"].left-center{top:50%;left:0;transform:translateX(-100%) translateY(-50%)} [data-{{type}}="outgoing"].right-center{top:50%;right:0;transform:translateX(100%) translateY(-50%)} [data-{{type}}="outgoing"].left-bottom{bottom:0;left:0;transform:translateX(-100%)} [data-{{type}}="outgoing"].bottom-center{bottom:0;left:50%;transform:translateX(-50%) translateY(100%)} [data-{{type}}="outgoing"].right-bottom{bottom:0;right:0;transform:translateX(100%)} [data-{{type}}="outgoing"].{{show}}.left-center, [data-{{type}}="outgoing"].{{show}}.right-center{transform:translateX(0) translateY(-50%)} [data-{{type}}="outgoing"].{{show}}.top-center, [data-{{type}}="outgoing"].{{show}}.bottom-center{transform:translateX(-50%) translateY(0)} [data-{{type}}="outgoing"].{{show}}.left-top, [data-{{type}}="outgoing"].{{show}}.right-top, [data-{{type}}="outgoing"].{{show}}.left-bottom, [data-{{type}}="outgoing"].{{show}}.right-bottom{transform:translateX(0)} .{{overlay}}{position:fixed;width:100%;height:100%;pointer-events:none;top:0;left:0;z-index:1000;opacity:0;background:#0000008a;transition:all 300ms ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)} [data-{{type}}="outgoing"].center.{{show}} ~ .{{overlay}}{opacity:1;pointer-events:all} .{{fixed}}{position:fixed;z-index:50} .{{stop}}{position:relative;z-index:50} .{{preroll}}{position:relative;overflow:hidden;display:block} .{{preroll}}:has(iframe){padding-bottom:56.25%;height:0} .{{preroll}} iframe{display:block;width:100%;height:100%;position:absolute} .{{preroll}}_flex{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);opacity:0;transition:opacity .35s ease;z-index:2} .{{preroll}}_flex.{{show}}{opacity:1} .{{preroll}}_flex.{{hide}}{pointer-events:none;z-index:-1} .{{preroll}}_item{position:relative;max-width:calc(100% - 68px);max-height:100%;z-index:-1;pointer-events:none;cursor:default} .{{preroll}}_flex.{{show}} .{{preroll}}_item{z-index:3;pointer-events:all} .{{preroll}}_flex .{{timer}}, .{{preroll}}_flex .{{cross}}{top:10px!important;right:10px!important} .{{preroll}}_hover{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2} .{{preroll}}_flex:not(.{{show}}) .{{preroll}}_hover{cursor:pointer} .{{hoverroll}}{position:relative;overflow:hidden;display:block} .{{hoverroll}}_item{position:absolute;bottom:0;left:50%;margin:auto;transform:translateY(100%) translateX(-50%);transition:all 300ms ease;z-index:1000;max-height:100%} .{{preroll}}_item [id*="yandex_rtb_"], .{{hoverroll}}_item [id*="yandex_rtb_"]{min-width:160px} .{{hoverroll}}:hover .{{hoverroll}}_item:not(.{{hide}}){transform:translateY(0) translateX(-50%)} .{{slider}}{display:grid} .{{slider}} > *{grid-area:1/1;margin:auto;opacity:0;transform:translateX(200px);transition:all 420ms ease;pointer-events:none;width:100%;z-index:0} .{{slider}} > *.{{hide}}{transform:translateX(-100px)!important;opacity:0!important;z-index:0!important} .{{slider}} > *.{{show}}{transform:translateX(0);pointer-events:all;opacity:1;z-index:1} .{{slider}} .{{timeline}}{width:100%;height:2px;background:#f6f5ff;position:relative} .{{slider}} .{{timeline}}:after{content:'';position:absolute;background:#d5ceff;height:100%;transition:all 300ms ease;width:0} .{{slider}} > *.{{show}} .{{timeline}}:after{animation:timeline var(--duration) ease} .{{slider}} > *:hover .{{timeline}}:after{animation:timeline-hover} @keyframes timeline-hover{} @keyframes timeline{0% {width:0}100% {width:100%}}

Таблица теплых и холодных цветов

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

Зачем нужна таблица цветов

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

В колористке существует четкое деление цветов на три группы:

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

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

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

Практическое применение градации на холодные и теплые цвета основывается отчасти на психологии человека на основании нескольких правил взаимного влияния:

  1. Определение «холодный» или «теплый» происходит только на основании собственного психологического опыта и стереотипа человека. Так, например, белый и голубой ассоциируются со льдом и снегом, поэтому их комбинация может признаваться холодной;
  2. Контактирование на одном цветовом поле двух зон выраженного теплого и холодного цвета взаимное равновесное влияние. Например, при контакте синего и красного цветов первый становится мягче, теплее, второй эмоционально становится пронзительнее и жестче;
  3. Смешение цветовых основ между собой с добавлением белого позволяет управлять зрительной температурой цвета.
К сведению! Таблица с помощью последних двух пунктов пытается описать механизм, как можно сделать восприятие оттенка более теплым или холодным, так как ассоциативный метод не дает 100% результат.

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

Как изменять температуру цвета

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

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

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

Для перехода в более холодные тона добавляют зеленый или голубой.

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

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

Утепление красного выполнить намного проще с помощью добавки желтого.

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

Кроме того, зеленый очень сильно зависит от насыщенности. Чем выше насыщенность, тем теплее цветовое поле.

Заключение

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

Обсудить статью на форуме
Рекомендуем
Добавить комментарий, отзыв