Дизайн
Игорь Сабо
747

Волновой метод построения цветовой палитры

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

В закладки

Их гармоничность восприятия не обоснована в достаточной степени с физической точки зрения.

Скриншот сайта wavepalette.com

Волновой метод построения цветовой гаммы основан на взаимосвязи цветовых и акустических волн, а также понятии консонанса (созвучия) в теории музыки (соответствующая статья на сайте arxiv.org). Все результаты доступны на сайте Wavepalette.

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

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

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

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

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

Первый рисунок: график зависимости звукового давления от времени на фиксированном расстоянии от источника звука

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

Второй рисунок: график зависимости звукового давления от расстояния до источника в фиксированный момент времени

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

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

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

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

Спектральные цвета

Спектральный цвет представляет собой цвет, имеющий определённую длину волны. Для построения цветовой палитры сначала возьмём наиболее консонантный к нему цвет — цвет с длиной волны, отличающейся в 1,5 раза, но не выходящий за пределы видимого спектра.

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

Третий рисунок: график зависимости напряжённости электрического поля от расстояния до источника в фиксированный момент времени

Возьмём, например, синий цвет с длиной волны 450 нм. Цвет, длина волны которого меньше в 1,5 раза, выходит за рамки видимого излучения. Цвет с длиной волны большей в 1,5 раза (675 нм) — красный цвет. Цвет с длиной волны большей в 0,75 раза (600 нм) — оранжевый цвет.

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

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

Неспектральные цвета

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

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

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

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

Четвёртый рисунок: график зависимости звукового давления от времени на фиксированном расстоянии от источника звука

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

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

Данное понятие степени консонантности распространяется также и на неспектральные цвета, так как они также являются волновыми функциями.

Реализация в компьютерной графике

Человек способен воспринимать цвета с длинами волн в диапазоне 380–780 нм. Любые четыре цвета являются линейно зависимыми, однако существует бесконечное количество комбинаций из трёх цветов, которые являются линейно независимыми (первый закон Грассмана).

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

В 1931 году Международный осветительный конгресс (CIE) принял характеристику цветовых свойств среднего (стандартного) наблюдателя, основанную на результатах полученных в 1926–1930 годах Райтом и Гилдом.

В основу данного колориметрического стандарта, действующего по сей день, легли следующие цвета: 700 нм (красный), 546,1 нм (зелёный) и 435,8 нм (синий) (система RGB). Принятая характеристика содержит взаимосвязь между результирующей длиной волны смеси и количеством красного, зелёного и синего цветов в данной смеси.

В дальнейшем, для удобства вычислений, Международный осветительный конгресс ввёл абстрактную систему CIE XYZ, основанную на нереальных цветах.

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

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

Другими словами, цветовой профиль нужен для возможности перехода между различными цветовыми системами (sRGB, AdobeRGB и другие). Наиболее распространённым цветовым пространством является система sRGB.

На сайте производится построение следующих консонантных интервалов:

  • Квинта (3/2), обозначенная символами «3/2↑» и «3/2↓».
  • Кварта (4/3), обозначенная символами «4/3↑» и «4/3↓».
  • Малая терция (6/5) обозначенная символами «6/5↑» и «6/5↓».

Для построения используются три системы: sRGB (white point D65), CIE XYZ и xyY, а также таблицы, содержащие длины волн видимого света: CIE 1931 2-deg (XYZ CMFs).

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

Для sRGB цветов (на странице sRGB) мы строим консонантные интервалы, не выходящие за пределы видимого спектра для каждого (красный, зелёный и синий) цвета по-отдельности.

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

Вывести в ленту #дизайн_логотипов

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

Написать
{ "author_name": "Игорь Сабо", "author_type": "self", "tags": ["\u0446\u0432\u0435\u0442\u043e\u0432\u0430\u044f_\u043f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u0438\u044f","\u0446\u0432\u0435\u0442","\u0434\u0438\u0437\u0430\u0439\u043d_\u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u0432","\u0434\u0438\u0437\u0430\u0439\u043d_\u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430","\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 1, "likes": 6, "favorites": 42, "is_advertisement": false, "subsite_label": "design", "id": 87858, "is_wide": false, "is_ugc": true, "date": "Mon, 14 Oct 2019 01:56:49 +0300", "is_special": false }
0
{ "id": 87858, "author_id": 377152, "diff_limit": 1000, "urls": {"diff":"\/comments\/87858\/get","add":"\/comments\/87858\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/87858"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
1 комментарий
Популярные
По порядку
0

Требуха на самом деле. Особенно если цвета ядовитые, белый там не читаемый. Пойдет только из-за кнопки ОБНОВИТЬ.

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }