Вопросы о цвете

Разница между фиолетовым и пурпурным цветами

6 мин чтения

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

Физический ответ: фиолетовый — спектральный цвет

Наиболее ясный способ понять различие фиолетовый/пурпурный — начать с физики.

Видимый свет — это электромагнитное излучение с длинами волн приблизительно от 380 до 700 нанометров. Человеческий глаз воспринимает разные длины волн как разные цвета. На красном конце спектра длины волн около 620–700 нм воспринимаются как красный. В середине, 500–565 нм, — зелёный. А на дальнем фиолетовом конце длины волн приблизительно от 380 до 450 нанометров воспринимаются как фиолетовый.

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

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

Это глубочайшее различие между двумя цветами: фиолетовый — свойство физического мира; пурпурный — свойство человеческого восприятия.

Пурпурный: смесь красного и синего

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

  • Больше красного, чем синего, даёт тёплый, красно-смещённый пурпурный — цвета вроде маджента, фуксии и красно-фиолетового
  • Равные доли красного и синего дают сбалансированный пурпурный
  • Больше синего, чем красного, даёт холодный, сине-смещённый пурпурный, приближающийся к фиолетовому

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

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

Hex-коды: фиолетовый vs. пурпурный

В цифровом цвете различие между фиолетовым и пурпурным представлено через их hex-коды.

CSS/HTML Violet: #EE82EE - RGB: rgb(238, 130, 238) - HSL: hsl(300, 76%, 72%) - По факту это тёплый, весьма розово-пурпурный. CSS-«фиолетовый» — не холодный спектральный фиолетовый физики, а средний розово-пурпурный, который комитет веб-стандартов назвал «violet» по соглашению.

CSS/HTML Purple: #800080 - RGB: rgb(128, 0, 128) - HSL: hsl(300, 100%, 25%) - Равные красный и синий по 128, без зелёного. Классический тёмный, сбалансированный пурпурный.

Примечательно: и CSS-«violet», и CSS-«purple» располагаются ровно на одном оттенке — 300 градусов, чистая пурпурная/маджентовая точка на цветовом круге HSL. Ни один из них не является спектральным фиолетовым физики. CSS-violet светлее и менее насыщен; CSS-purple темнее и полностью насыщен.

Сравнение свойств цветов

Цвет Hex RGB HSL Характер
CSS Violet #EE82EE 238, 130, 238 hsl(300, 76%, 72%) Светлый розово-пурпурный
CSS Purple #800080 128, 0, 128 hsl(300, 100%, 25%) Тёмный, классический пурпурный
Истинный спектральный фиолетовый (прибл.) #7F00FF 127, 0, 255 hsl(271, 100%, 50%) Холодный сине-фиолетовый, высокая насыщенность
Сине-фиолетовый #8A2BE2 138, 43, 226 hsl(271, 76%, 53%) Синий ведущий, электрический

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

CSS и веб-определения

У веба есть собственные стандартизированные определения фиолетового и пурпурного, взятые из спецификации именованных цветов CSS. Эти определения были установлены в 1990-х годах, когда браузер Netscape ввёл именованные цветовые значения, и с тех пор в основном сохраняются ради обратной совместимости.

148 именованных цветов CSS

Спецификация именованных цветов CSS включает и «violet», и «purple» как отдельные именованные значения:

  • violet#EE82EE — средний розово-пурпурный
  • purple#800080 — тёмный пурпурный с равными красным и синим
  • mediumorchid#BA55D3 — находится между ними
  • mediumpurple#9370DB — пурпурный между фиолетовым и сине-фиолетовым
  • blueviolet#8A2BE2 — наиболее сине-смещённый именованный пурпурный
  • darkviolet#9400D3 — тёмный, без красного, очень чистый холодный пурпурный
  • darkorchid#9932CC — насыщенный, тёмный, с некоторой красной теплотой

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

Культурный контекст: что исторически означал пурпурный

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

Королевский пурпур и тирийская краска

В древности пурпурный краситель был чрезвычайно дорог в производстве. Наиболее ценный пурпурный краситель — тирийский пурпур — получали из иглистого пурпурного мурекса (Murex brandaris). Для получения одного грамма красителя требовалось около 9 000 улиток. Полученный пурпур был стойким к выцветанию, ярким и сохранялся в течение столетий.

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

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

Фиолетовый в религиозных и литургических контекстах

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

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

Практически: как отличить фиолетовый от пурпурного

На практике полезное рабочее различие проще, чем предполагает физика:

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

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

Граница между ними не чёткая — это непрерывный спектр, и разные люди проводят линию violet/purple в разных местах. Но направление устойчиво: к синему — к фиолетовому; к красному — к пурпурному.

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

Название цвета Hex Соотношение красного и синего Где находится
Маджента #FF00FF Равные, максимально насыщенный Семейство пурпурного
CSS Purple #800080 Равные, тёмный Классический пурпурный
Орхидея #DA70D6 Небольшой перевес красного Тёплый пурпурный
Средний пурпурный #9370DB Небольшой перевес синего Пурпурно-фиолетовый
Сине-фиолетовый #8A2BE2 Синий ведущий Приближается к фиолетовому
Тёмно-фиолетовый #9400D3 Чистый холодный Почти фиолетовый
Электрический фиолетовый #7F00FF Доминирует синий Территория фиолетового

Конвертация hex-кодов фиолетового и пурпурного

Работаете ли вы с CSS-определениями или конкретными брендовыми или дизайнерскими цветами — конвертер цветов переводит любой из этих hex-кодов в RGB, HSL, CMYK или OKLCH:

  • CSS Violet #EE82EE: rgb(238, 130, 238)hsl(300, 76%, 72%)C:0% M:45% Y:0% K:7%
  • CSS Purple #800080: rgb(128, 0, 128)hsl(300, 100%, 25%)C:0% M:100% Y:0% K:50%

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

Ключевые выводы

  • Фиолетовый — спектральный цвет: он соответствует реальным электромагнитным длинам волн приблизительно от 380 до 450 нанометров и существует в физическом мире независимо от человеческого восприятия
  • Пурпурный — неспектральный цвет: он производится реакцией мозга на одновременную стимуляцию красным и синим, не имея эквивалентной одиночной длины волны в физическом мире
  • В CSS violet определён как #EE82EE — светлый розово-пурпурный, а purple — как #800080 — тёмный, сбалансированный пурпурный с равными красным и синим; ни один из них точно не соответствует спектральному фиолетовому
  • Оба CSS-цвета — violet и purple — имеют один оттенок 300° в HSL, различаясь насыщенностью и светлотой, а не направлением оттенка
  • Пурпурный исторически имел огромное культурное значение благодаря редкости и стоимости тирийской краски, что закрепило ассоциацию с royalty
  • Чтобы отличить их визуально: фиолетовый склоняется к холодному и синему; пурпурный — к тёплому и смешанному; смещённые к красному варианты движутся к маджента
  • Используйте конвертер для перевода hex-кодов фиолетового и пурпурного в любой нужный формат

Похожие цвета

Похожие бренды

Похожие инструменты