Разница между фиолетовым и пурпурным цветами
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
Фиолетовый и пурпурный настолько часто путают, что разграничение между ними может показаться педантичным. Однако эти два цвета подлинно различаются на уровне более глубоком, чем эстетика: один существует в физике света, другой — перцептивный трюк нашего мозга. Понять разницу между фиолетовым и пурпурным — значит понять нечто фундаментальное о том, как вообще работает цвет.
Физический ответ: фиолетовый — спектральный цвет
Наиболее ясный способ понять различие фиолетовый/пурпурный — начать с физики.
Видимый свет — это электромагнитное излучение с длинами волн приблизительно от 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-кодов фиолетового и пурпурного в любой нужный формат