バイオレットとパープルの違い
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.
バイオレットとパープルはあまりに頻繁に混同されるため、それら間の違いは些細に思える可能性があります。しかし、2つの色は本当に異なっていて、美学よりも深い方法があります。1つは光の物理で存在し、もう1つは私たちの脳が実行する知覚的なトリックです。バイオレットとパープル間の違いを理解することは、ある意味で、色がどのように機能するかについて基本的な何かを理解しています。
物理的回答:バイオレットはスペクトラル色です
バイオレット紫の違いを理解するための最も明確な方法は物理から始まることです。
可視光は、約380~700ナノメートルの波長を持つ電磁放射です。人間の目は、異なった波長を異なった色として知覚します。スペクトラムの赤い端では、620~700nm周辺の波長は赤として知覚されます。中央では、500~565nmは緑を生成します。そして、遠いバイオレットの端では、約380~450ナノメートルの波長はバイオレットとして知覚されます。
これはバイオレットをスペクトラル色にする:物理的な世界に存在する単波長光の特定の範囲に対応します。プリズムまたは回折格子でバイオレット光を分離できます。白い光をスペクトラム純粋なバイオレットを特定の狭い波長帯域に濾過することによって生成できます。バイオレットは物理的に本物です。人間の視覚知覚とは無関係に存在する意味で。それは電磁放射の物理的特性です。
パープルはこの特性を持っていません。「紫」を生成する光の波長はありません。プリズムでパープルを分離することはできません。パープルは人間の視覚システムが網膜の赤感度と青/バイオレット感度光受容体の両方から同時刺激を受けるときに作成される知覚経験としてのみ存在します。パープルは非スペクトラル - それは光の物理ではなく、混合信号の脳の解釈に存在する色です。
これが2つ間の最も深い区別です:バイオレットは物理的な世界の特性です。パープルは人間知覚の特性です。
パープル:赤と青ミックス
パープルは赤と青の光(または赤と青の顔料)を混ぜることによって生成されます。赤対青の比率は、紫のスペクトラムのどこに結果が下がるかを決定します:
- 青より多い赤はウォーム、赤にバイアスされたパープルを生成します。マゼンタ、フクシア、赤紫のような色
- 等しい赤と青はバランスの取れたパープルを生成します
- 赤より多い青はクールな、青にバイアスされたパープルを生成します。これはバイオレットに接近します
これはなぜパープルが非常に劇的に変化するかです。「パープル」はフクシアの鮮やかなピンク紫、ナスの均衡の取れた豊かなパープル、マルベリーの赤紫、またはバイオレットに近づく非常に青を傾けるパープルを参照できます。これらはすべて赤と青の信号を組み合わせることによって生成されます。異なった比率でちょうど。
対照的に、バイオレットは赤をまったく必要としません。スペクトラムバイオレット光に赤い成分がない。それは可視光の端から純粋に青隣接放射です。これはなぜバイオレットは常に典型的なパープルより冷たく、より青を傾けるかです。赤が導入する暖かさが欠けています。
Hexコード:バイオレット対パープル
デジタルカラーで、バイオレットとパープル間の違いはそれらのhexコードを通じて表現されています。
CSS/HTMLバイオレット:#EE82EE
- RGB:rgb(238, 130, 238)
- HSL:hsl(300, 76%, 72%)
- これは実際にはウォーム、かなりピンクパープルです。CSSカラーシステムの「バイオレット」は、物理のクールなスペクトラムバイオレットではありません。これは、ウェブ標準委員会が規約で「バイオレット」と名付けた中程度のピンクパープルです。
CSS/HTMLパープル:#800080
- RGB:rgb(128, 0, 128)
- HSL:hsl(300, 100%, 25%)
- 128で等しい赤と青、緑なし。これは古典的な暗く、バランスの取れたパープルです。
直ちに注目されるもの:CSS「バイオレット」とCSS「パープル」は両方とも正確に同じ色合いに座ります。300度。これは色相ホイール上の純粋なパープル/マゼンタポイントです。物理のスペクトラムバイオレットはどちらもありません。CSSバイオレットはより軽く、より低い飽和度です。CSSパープルはより暗く、完全に飽和されています。
カラープロパティ比較
| 色 | Hex | RGB | HSL | 特性 |
|---|---|---|---|---|
| CSSバイオレット | #EE82EE | 238, 130, 238 |
hsl(300, 76%, 72%) |
明るいピンク紫 |
| CSSパープル | #800080 | 128, 0, 128 |
hsl(300, 100%, 25%) |
ダーク、古典的なパープル |
| 真実スペクトラムバイオレット(approx) | #7F00FF | 127, 0, 255 |
hsl(271, 100%, 50%) |
クール青紫、高飽和 |
| 青紫 | #8A2BE2 | 138, 43, 226 |
hsl(271, 76%, 53%) |
青にバイアス、電気 |
表での「真実スペクトラムバイオレット」近似は、スペクトラムバイオレットがスクリーンに見えるものを表現しようとします。しかし、これは本質的に妥協です。スクリーン表示はスペクトラムバイオレットを直接再現できません。なぜなら、赤、緑、青の光を混ぜ、スペクトラムバイオレットはこれら3つのプライマリを混ぜることで生成できないためです。スクリーンが最善を尽くせることは、青紫組み合わせで近似することです。
CSSとWeb定義
Webはバイオレットとパープルのための独自の標準化された定義を持っており、CSSネーミングカラー仕様から来ています。これらの定義は、Netscapeブラウザがネーミングカラー値を導入した1990年代に確立され、そして大部分は後方互換性のために維持されてきました。
148 CSSネーミングカラー
CSSネーミングカラー仕様は、「バイオレット」と「パープル」の両方をユニークなネーミング値として含みます:
violet→ #EE82EE - 中程度のピンクパープルpurple→ #800080 - ダーク等しい赤青パープルmediumorchid→ #BA55D3 - それらの間に座りますmediumpurple→ #9370DB - パープルと青紫の間のパープルblueviolet→ #8A2BE2 - 最も青にバイアスされたネーミングパープルdarkviolet→ #9400D3 - ダーク、赤なし、非常に純粋でクールなパープルdarkorchid→ #9932CC - 豊か、暗い、いくつかの赤い暖かさで
CSSでのパープルとバイオレットのネーミング多様性は、このカラーファミリー内にどのように多くの多様が存在するかを反映しています。そして、精密なhex仕様と比較して自然言語用語がどれほど不正確であるか。
文化的背景:パープルが歴史的に意味したもの
パープルの文化的意義は色の歴史で最も記録されたものの1つであり、そして単語がどのような重みを運ぶ理由を説明するのに役立ちます。
ロイヤルパープルとティリアンダイ
古代では、パープル染料を生成することは、非常に高価でした。最も高く評価されたパープル染料 - ティリアンパープル - は、棘のある染料murex sea snail(Murex brandaris)から抽出されました。1グラムの染料を生成するには、約9000のカタツムリが必要でした。結果のパープルは色がついて、素晴らしく、数世紀の間フェードなしで続きました。
コストはティリアンパープルを王族と非常に豊かな排他的な州にしました。ローマでは、ティリアンパープルの完全なトガを着ることができる唯一の皇帝。この「ロイヤルパープル」は、私たちが今日パープルと思う何でもなかった。古代の出典は、それを深紅と紫の間のどこかとして説明します。しばしば血赤、紫色がありました。
王族、力、および贅沢の紫の協会は、合成染料がパープルを広く利用可能にした後でさえ続いています。William Perkinの1856年のmauveine(最初の合成aniline染料)の偶発的な合成は、パープルでした。そして、それは大量に生成され、商業的に配布される最初の合成色になりました。
宗教および典礼背景のバイオレット
クリスチャン典礼カラートラデーションでは、バイオレット(時には紫と相互に呼ばれます)は、準備、反省、悔い改めのシーズン(降臨と四旬節)の間に着用されます。特定の色はトラデーションごとに異なります。ローマンカトリック使用は通常、本物の紫紫を指定しますが、いくつかのプロテスタントトラデーションはより赤いバイアスされたパープルを使用します。
仏教の伝統では、バイオレットは超越および最高の精神的成就に関連しており、ヒンズー教ではバイオレットとパープルは王冠チャクラ(Sahasrara)に関連しており、これは純粋な意識と精神的なつながりを表現しています。
ビジュアルハウツー:バイオレットをパープルから告げる
実際には、有用な作業の違いは、物理が示唆するより単純です:
バイオレットはクール、青傾きに見えます。 青に向かって押す紫を見ると、最小限の暖かさまたは赤を持つと、あなたはバイオレット領土を見ています。青い鐘の花、紫外線、紫外線に到達する直前に虹のバイオレットを考えてください。
パープルはより暖かく、より均衡が見えます。 色が赤と青の本物の混合で読む場合。両方が視覚的に貢献します。あなたはパープル領土にいます。ナスの実、アメジスト、ラベンダー(これは紫と青灰色の両方に傾く)、梅を考えてください。
それら間の境界は鮮明ではありません。これは連続的なスペクトラムであり、異なった人々は異なった場所に紫/パープルラインを描きます。しかし方向は一貫しています。青へ意味バイオレットへ。赤へ意味パープルへ。
クイックリファレンス:パープル対バイオレットスペクトラム
| カラー名 | Hex | 赤青バランス | どこに座るか |
|---|---|---|---|
| マゼンタ | #FF00FF | 等しく、完全に飽和 | パープルファミリー |
| CSSパープル | #800080 | 等しく、暗い | クラシックパープル |
| オーキッド | #DA70D6 | わずかな赤リード | ウォームパープル |
| 中程度パープル | #9370DB | わずかな青リード | パープル紫 |
| 青紫 | #8A2BE2 | 青リード | バイオレットに接近 |
| ダークバイオレット | #9400D3 | 純粋にクール | 近い紫 |
| 電気バイオレット | #7F00FF | ブルードミナント | バイオレット領土 |
パープルおよびバイオレットhexコード変換
CSSの定義またはスペシフィックブランドまたはデザインカラーを使用しているかどうか、色コンバータはこれらのhexコードのいずれかをRGB、HSL、CMYK、またはOKLCHに変換します:
- CSSバイオレット #EE82EE:
rgb(238, 130, 238)→hsl(300, 76%, 72%)→C:0% M:45% Y:0% K:7% - CSSパープル #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バイオレットとパープルの両方はHSLで同じ300°色合いに座り、飽和度と明度によって区別され、色相方向ではありません。
- パープルは歴史的に、ティリアンダイの不足とコストのために、ロイヤル紫協会を確立し、今日も続く極度の文化的重みを運んでいました。
- それらを視覚的に述べるには:バイオレットはクール、青に傾く。パープルは暖かく、混合に傾く。赤にバイアスされたバリアントはマゼンタに向かって移動します。
- コンバータを使用してバイオレットおよびパープルhexコードをあなたのプロジェクトに必要な任意のカラーフォーマットに変換します。